| | |
| | | |
| | | </section> |
| | | |
| | | <section class="account-card" :class="{'edit': !userPhoneDisabled }"> |
| | | <section class="account-card" :class="{'edit': !userPhoneDisabled }" v-if="phoneValue"> |
| | | <div class="header"> |
| | | <div class="block"> |
| | | <div class="setting-title">綁定</div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <i class="icon-edit icon" |
| | | <!-- <i class="icon-edit icon" |
| | | @click="editField('userPhone')" |
| | | :class="{'icon-color-change': !userPhoneDisabled}"></i> |
| | | :class="{'icon-color-change': !userPhoneDisabled}"></i> --> |
| | | </div> |
| | | |
| | | </section> |
| | | |
| | | <section class="account-card" :class="{'edit': !userEmailDisabled }"> |
| | | <section class="account-card" :class="{'edit': !userEmailDisabled }" v-if="emailValue"> |
| | | <div class="header"> |
| | | <div class="block"> |
| | | <div class="setting-title">綁定</div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <i class="icon-edit icon" @click="editField('userEmail')" |
| | | :class="{'icon-color-change': !userEmailDisabled}"></i> |
| | | <!-- <i class="icon-edit icon" @click="editField('userEmail')" |
| | | :class="{'icon-color-change': !userEmailDisabled}"></i> --> |
| | | </div> |
| | | |
| | | </section> |
| | |
| | | .header{ |
| | | display: flex; |
| | | align-items: baseline; |
| | | justify-content: space-evenly; |
| | | } |
| | | .contact-input{ |
| | | font-size: 20px; |