Commit c0985f552d94b43c54fdf1b114c941918ff815c2
1 parent
48352baa
修改地址添加内容点击事件、切换身份样式修改
Showing
2 changed files
with
16 additions
and
8 deletions
garbage-removal/src/pages/home-info/address/index.vue
| @@ -11,8 +11,11 @@ | @@ -11,8 +11,11 @@ | ||
| 11 | </text> | 11 | </text> |
| 12 | </view> | 12 | </view> |
| 13 | </view> | 13 | </view> |
| 14 | - <view class="bottom"> | 14 | + <view class="bottom" > |
| 15 | + <view @click="handleClickChangeCurrentAddress(res)"> | ||
| 15 | {{ res.garUserAddress + res.garRemark }} | 16 | {{ res.garUserAddress + res.garRemark }} |
| 17 | + </view> | ||
| 18 | + | ||
| 16 | <u-icon name="edit-pen" @click="handleUpdateAddress(res)" :size="40" color="#999999"></u-icon> | 19 | <u-icon name="edit-pen" @click="handleUpdateAddress(res)" :size="40" color="#999999"></u-icon> |
| 17 | </view> | 20 | </view> |
| 18 | </view> | 21 | </view> |
| @@ -121,17 +124,22 @@ onShow(() => { | @@ -121,17 +124,22 @@ onShow(() => { | ||
| 121 | text { | 124 | text { |
| 122 | display: block; | 125 | display: block; |
| 123 | width: auto; | 126 | width: auto; |
| 124 | - height: 34rpx; | ||
| 125 | - line-height: 34rpx; | 127 | + box-sizing: border-box; |
| 128 | + height: 36rpx; | ||
| 129 | + line-height: 36rpx; | ||
| 126 | color: #ffffff; | 130 | color: #ffffff; |
| 127 | - font-size: 20rpx; | 131 | + font-size: 28rpx; |
| 132 | + display: flex; | ||
| 133 | + align-items: center; | ||
| 128 | border-radius: 6rpx; | 134 | border-radius: 6rpx; |
| 129 | text-align: center; | 135 | text-align: center; |
| 130 | margin-left: 30rpx; | 136 | margin-left: 30rpx; |
| 137 | + padding: 5rpx 10rpx; | ||
| 131 | background-color: rgb(49, 145, 253); | 138 | background-color: rgb(49, 145, 253); |
| 132 | } | 139 | } |
| 133 | 140 | ||
| 134 | .red { | 141 | .red { |
| 142 | + padding: 5rpx 10rpx; | ||
| 135 | background-color: #19a97c | 143 | background-color: #19a97c |
| 136 | } | 144 | } |
| 137 | } | 145 | } |
garbage-removal/src/pages/wode/index.vue
| @@ -28,7 +28,7 @@ | @@ -28,7 +28,7 @@ | ||
| 28 | <image width="35rpx" height="35rpx" src="../../static/image/address-manager.png"></image> | 28 | <image width="35rpx" height="35rpx" src="../../static/image/address-manager.png"></image> |
| 29 | </view> | 29 | </view> |
| 30 | <view class="cell-label"> | 30 | <view class="cell-label"> |
| 31 | - <text>地 址 管 理</text> | 31 | + <text>地址管理</text> |
| 32 | </view> | 32 | </view> |
| 33 | </view> | 33 | </view> |
| 34 | <view class="cell-box" @click="handlerChangeRole" hover-class="handlerClick"> | 34 | <view class="cell-box" @click="handlerChangeRole" hover-class="handlerClick"> |
| @@ -36,7 +36,7 @@ | @@ -36,7 +36,7 @@ | ||
| 36 | <image src="../../static/image/role-change.png"></image> | 36 | <image src="../../static/image/role-change.png"></image> |
| 37 | </view> | 37 | </view> |
| 38 | <view class="cell-label"> | 38 | <view class="cell-label"> |
| 39 | - <text>身 份 切 换</text> | 39 | + <text>身份切换</text> |
| 40 | </view> | 40 | </view> |
| 41 | </view> | 41 | </view> |
| 42 | <view class="cell-box" @click="handleLoginOut" hover-class="handlerClick"> | 42 | <view class="cell-box" @click="handleLoginOut" hover-class="handlerClick"> |
| @@ -44,7 +44,7 @@ | @@ -44,7 +44,7 @@ | ||
| 44 | <image src="../../static/image/quit-login.png"></image> | 44 | <image src="../../static/image/quit-login.png"></image> |
| 45 | </view> | 45 | </view> |
| 46 | <view class="cell-label"> | 46 | <view class="cell-label"> |
| 47 | - <text>退 出 登 录</text> | 47 | + <text>退出登录</text> |
| 48 | </view> | 48 | </view> |
| 49 | </view> | 49 | </view> |
| 50 | </view> | 50 | </view> |
| @@ -170,7 +170,7 @@ const handleLoginOut = () => { | @@ -170,7 +170,7 @@ const handleLoginOut = () => { | ||
| 170 | margin: 40rpx 0; | 170 | margin: 40rpx 0; |
| 171 | 171 | ||
| 172 | .cell-icon { | 172 | .cell-icon { |
| 173 | - margin: 0 20rpx; | 173 | + margin: 0 40rpx; |
| 174 | display: flex; | 174 | display: flex; |
| 175 | align-items: center; | 175 | align-items: center; |
| 176 | 176 |