Commit 026545fd856b680f4b44eeaa74a89f75b188935c
1 parent
8cfe981a32
Exists in
master
样式调整
Showing
2 changed files
with
36 additions
and
30 deletions
Show diff stats
src/pages.json
| 1 | { | 1 | { |
| 2 | "pages": [ | 2 | "pages": [ |
| 3 | { | ||
| 4 | "path" : "pages/confirmOrder/confirmOrder", | ||
| 5 | "style" : { | ||
| 6 | "navigationBarTitleText": "确认订单"} | ||
| 7 | }, | ||
| 3 | { | 8 | { |
| 4 | "path": "pages/index/index", | 9 | "path": "pages/index/index", |
| 5 | "style": { | 10 | "style": { |
| 6 | "navigationBarTitleText": "商城一览" | 11 | "navigationBarTitleText": "商城一览" |
| 12 | // "enablePullDownRefresh":true | ||
| 7 | } | 13 | } |
| 8 | }, | 14 | }, |
| 9 | { | 15 | { |
| 10 | "path": "pages/cart/cart", | 16 | "path": "pages/cart/cart", |
| 11 | "style": { | 17 | "style": { |
| 12 | "navigationBarTitleText": "购物车" | 18 | "navigationBarTitleText": "购物车" |
| 13 | } | 19 | } |
| 14 | }, | 20 | }, |
| 15 | { | 21 | { |
| 16 | "path": "pages/user/user", | 22 | "path": "pages/user/user", |
| 17 | "style": { | 23 | "style": { |
| 18 | "navigationBarTitleText": "我的" | 24 | "navigationBarTitleText": "我的" |
| 19 | } | 25 | } |
| 20 | } | 26 | } |
| 21 | ], | 27 | ], |
| 22 | "globalStyle": { | 28 | "globalStyle": { |
| 23 | "navigationBarTextStyle": "black", | 29 | "navigationBarTextStyle": "black", |
| 24 | "navigationBarTitleText": "uni-app", | 30 | "navigationBarTitleText": "uni-app", |
| 25 | "navigationBarBackgroundColor": "#F8F8F8", | 31 | "navigationBarBackgroundColor": "#F8F8F8", |
| 26 | "backgroundColor": "#F8F8F8" | 32 | "backgroundColor": "#F8F8F8" |
| 27 | }, | 33 | }, |
| 28 | "tabBar": { | 34 | "tabBar": { |
| 29 | "color": "#C0C4CC", | 35 | "color": "#C0C4CC", |
| 30 | "selectedColor": "#fa436a", | 36 | "selectedColor": "#fa436a", |
| 31 | "borderStyle": "black", | 37 | "borderStyle": "black", |
| 32 | "backgroundColor": "#ffffff", | 38 | "backgroundColor": "#ffffff", |
| 33 | "list": [{ | 39 | "list": [{ |
| 34 | "pagePath": "pages/index/index", | 40 | "pagePath": "pages/index/index", |
| 35 | "iconPath": "static/tab-home.png", | 41 | "iconPath": "static/tab-home.png", |
| 36 | "selectedIconPath": "static/tab-home-current.png", | 42 | "selectedIconPath": "static/tab-home-current.png", |
| 37 | "text": "首页" | 43 | "text": "首页" |
| 38 | }, | 44 | }, |
| 39 | { | 45 | { |
| 40 | "pagePath": "pages/cart/cart", | 46 | "pagePath": "pages/cart/cart", |
| 41 | "iconPath": "static/tab-cart.png", | 47 | "iconPath": "static/tab-cart.png", |
| 42 | "selectedIconPath": "static/tab-cart-current.png", | 48 | "selectedIconPath": "static/tab-cart-current.png", |
| 43 | "text": "购物车" | 49 | "text": "购物车" |
| 44 | }, | 50 | }, |
| 45 | { | 51 | { |
| 46 | "pagePath": "pages/user/user", | 52 | "pagePath": "pages/user/user", |
| 47 | "iconPath": "static/tab-my.png", | 53 | "iconPath": "static/tab-my.png", |
| 48 | "selectedIconPath": "static/tab-my-current.png", | 54 | "selectedIconPath": "static/tab-my-current.png", |
| 49 | "text": "我的" | 55 | "text": "我的" |
| 50 | } | 56 | } |
| 51 | ] | 57 | ] |
| 52 | } | 58 | } |
| 53 | } | 59 | } |
| 54 | 60 |
src/pages/confirmOrder/confirmOrder.vue
| 1 | <template> | 1 | <template> |
| 2 | <view class="wrap"> | 2 | <view class="wrap"> |
| 3 | <view class="addAddress"> | 3 | <view class="addAddress"> |
| 4 | <view class="addIcon"> | 4 | <view class="addIcon"> |
| 5 | <image src="../../static/add.png" mode="aspectFill"></image> | 5 | <image src="../../static/add.png" mode="aspectFill"></image> |
| 6 | </view> | 6 | </view> |
| 7 | <view class="addressText">{{addAddress}}</view> | 7 | <view class="addressText">{{addAddress}}</view> |
| 8 | <image src="../../static/right.png" mode="aspectFill"></image> | 8 | <image src="../../static/right.png" mode="aspectFill"></image> |
| 9 | </view> | 9 | </view> |
| 10 | <view class="content"> | 10 | <view class="content"> |
| 11 | <view class="orderInfo"> | 11 | <view class="orderInfo"> |
| 12 | <view class="title"> | 12 | <view class="title"> |
| 13 | <image src="../../static/store.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;"></image> | 13 | <image src="../../static/store.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;"></image> |
| 14 | <text>非常戴镜</text> | 14 | <text>非常戴镜</text> |
| 15 | </view> | 15 | </view> |
| 16 | <view class="infoBox"> | 16 | <view class="infoBox"> |
| 17 | <view class="infoTop"> | 17 | <view class="infoTop"> |
| 18 | <image src="../../static/img/goods/p10.jpg" mode="aspectFill"></image> | 18 | <image src="../../static/img/goods/p10.jpg" mode="aspectFill"></image> |
| 19 | <view class="infoRight"> | 19 | <view class="infoRight"> |
| 20 | <text class="goodName">商品名称商品名称商品名称名称名称</text> | 20 | <text class="goodName">商品名称商品名称商品名称名称名称</text> |
| 21 | <text class="remarks">支持7天无理由退货 顺丰发货</text> | 21 | <text class="remarks">支持7天无理由退货 顺丰发货</text> |
| 22 | <view class="priceBox"> | 22 | <view class="priceBox"> |
| 23 | <view class="price">￥198</view> | 23 | <view class="price">￥198</view> |
| 24 | <view class="counter"> | 24 | <view class="counter"> |
| 25 | <view class="btn" disabled="this.disabled" type="default" @click="counter(false)">-</view> | 25 | <view class="btn" disabled="this.disabled" type="default" @click="counter(false)">-</view> |
| 26 | <text>{{count}}</text> | 26 | <text>{{count}}</text> |
| 27 | <view class="btn" type="default" @click="counter(true)">+</view> | 27 | <view class="btn" type="default" @click="counter(true)">+</view> |
| 28 | </view> | 28 | </view> |
| 29 | </view> | 29 | </view> |
| 30 | </view> | 30 | </view> |
| 31 | </view> | 31 | </view> |
| 32 | <view class="infoBottom"> | 32 | <view class="infoBottom"> |
| 33 | <view class="norm">规格 <text>玫瑰金/钛合金</text></view> | 33 | <view class="norm">规格 <text>玫瑰金/钛合金</text></view> |
| 34 | <view class="shippingMethod">配送方式 <text>玫瑰金/钛合金</text></view> | 34 | <view class="shippingMethod">配送方式 <text>玫瑰金/钛合金</text></view> |
| 35 | <view class="message">买家留言 | 35 | <view class="message">买家留言 |
| 36 | <input type="text" value="" placeholder="建议提前协商(50字以内)" /> | 36 | <input type="text" value="" placeholder="建议提前协商(50字以内)" /> |
| 37 | </view> | 37 | </view> |
| 38 | </view> | 38 | </view> |
| 39 | </view> | 39 | </view> |
| 40 | </view> | 40 | </view> |
| 41 | <view class="payWay"> | 41 | <view class="payWay"> |
| 42 | <view class="item"> | 42 | <view class="item"> |
| 43 | <text>支付方式</text> | 43 | <text>支付方式</text> |
| 44 | <view class="itemRight"> | 44 | <view class="itemRight"> |
| 45 | <view class="rightText"> | 45 | <view class="rightText"> |
| 46 | <view class="choosePayWay"> | 46 | <view class="choosePayWay"> |
| 47 | <image src="../../static/store.png" mode="aspectFill"></image> | 47 | <image src="../../static/store.png" mode="aspectFill"></image> |
| 48 | <text>微信支付</text> | 48 | <text>微信支付</text> |
| 49 | </view> | 49 | </view> |
| 50 | <view class="randomSubstraction">最高随机立减￥99</view> | 50 | <view class="randomSubstraction">最高随机立减￥99</view> |
| 51 | </view> | 51 | </view> |
| 52 | <image src="../../static/right.png" mode="aspectFill"></image> | 52 | <image src="../../static/right.png" mode="aspectFill"></image> |
| 53 | </view> | 53 | </view> |
| 54 | </view> | 54 | </view> |
| 55 | <view class="item"> | 55 | <view class="item"> |
| 56 | <text>优惠券</text> | 56 | <text>优惠券</text> |
| 57 | <view class="itemRight"> | 57 | <view class="itemRight"> |
| 58 | <view class="rightText"> | 58 | <view class="rightText"> |
| 59 | <view class="chooseOffers"> | 59 | <view class="chooseOffers"> |
| 60 | <text>-￥70.00</text> | 60 | <text>-￥70.00</text> |
| 61 | </view> | 61 | </view> |
| 62 | <view class="preferentialWay">最大优惠</view> | 62 | <view class="preferentialWay">最大优惠</view> |
| 63 | </view> | 63 | </view> |
| 64 | <image src="../../static/right.png" mode="aspectFill"></image> | 64 | <image src="../../static/right.png" mode="aspectFill"></image> |
| 65 | </view> | 65 | </view> |
| 66 | </view> | 66 | </view> |
| 67 | <view class="item"> | 67 | <view class="item"> |
| 68 | <text>运费</text> | 68 | <text>运费</text> |
| 69 | <view class="itemRight"> | 69 | <view class="itemRight"> |
| 70 | <view class="freight">￥{{freight}}</view> | 70 | <view class="freight">￥{{freight}}</view> |
| 71 | </view> | 71 | </view> |
| 72 | </view> | 72 | </view> |
| 73 | <view class="item"> | 73 | <view class="item"> |
| 74 | <text>合计</text> | 74 | <text>合计</text> |
| 75 | <view class="itemRight"> | 75 | <view class="itemRight"> |
| 76 | <view class="total">￥{{total}}</view> | 76 | <view class="total">￥{{total}}</view> |
| 77 | </view> | 77 | </view> |
| 78 | </view> | 78 | </view> |
| 79 | </view> | 79 | </view> |
| 80 | 80 | <!-- | |
| 81 | <view class="checkBox"> | 81 | <view class="checkBox"> |
| 82 | <checkbox-group> | 82 | <checkbox-group> |
| 83 | <label> | 83 | <label> |
| 84 | <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买 | 84 | <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买 |
| 85 | </label> | 85 | </label> |
| 86 | </checkbox-group> | 86 | </checkbox-group> |
| 87 | </view> | 87 | </view> --> |
| 88 | </view> | 88 | </view> |
| 89 | <view class="footer"> | 89 | <view class="footer"> |
| 90 | <view class="footerLeft">实付金额:<text>￥{{total}}</text></view> | 90 | <view class="footerLeft">实付金额:<text>￥{{total}}</text></view> |
| 91 | <view class="footerRight"> | 91 | <view class="footerRight"> |
| 92 | <view class="paybtn">立即支付</view> | 92 | <view class="paybtn">立即支付</view> |
| 93 | </view> | 93 | </view> |
| 94 | </view> | 94 | </view> |
| 95 | </view> | 95 | </view> |
| 96 | </template> | 96 | </template> |
| 97 | 97 | ||
| 98 | <script> | 98 | <script> |
| 99 | export default { | 99 | export default { |
| 100 | data() { | 100 | data() { |
| 101 | return { | 101 | return { |
| 102 | addAddress :'添加收货地址', | 102 | addAddress :'添加收货地址', |
| 103 | count:1, | 103 | count:1, |
| 104 | disabled:false, | 104 | disabled:false, |
| 105 | total:120, | 105 | total:120, |
| 106 | freight:0.00 | 106 | freight:0.00 |
| 107 | // isAnonymous: | 107 | // isAnonymous: |
| 108 | }; | 108 | }; |
| 109 | }, | 109 | }, |
| 110 | methods:{ | 110 | methods:{ |
| 111 | counter(isadd){ | 111 | counter(isadd){ |
| 112 | if(isadd){ | 112 | if(isadd){ |
| 113 | this.count++ | 113 | this.count++ |
| 114 | }else{ | 114 | }else{ |
| 115 | this.count <= 1? this.disabled = true:this.count-- | 115 | this.count <= 1? this.disabled = true:this.count-- |
| 116 | } | 116 | } |
| 117 | } | 117 | } |
| 118 | } | 118 | } |
| 119 | } | 119 | } |
| 120 | </script> | 120 | </script> |
| 121 | 121 | ||
| 122 | <style lang="scss"> | 122 | <style lang="scss"> |
| 123 | .wrap{ | 123 | .wrap{ |
| 124 | height: 100vh; | 124 | height: 100vh; |
| 125 | background-color:#F2F2F2 ; | 125 | background-color:#F2F2F2 ; |
| 126 | font-family: PingFangSC-Regular; | 126 | font-family: PingFangSC-Regular; |
| 127 | letter-spacing: -0.23px; | 127 | letter-spacing: -0.23px; |
| 128 | } | 128 | } |
| 129 | .addAddress{ | 129 | .addAddress{ |
| 130 | background-color:#ffffff ; | 130 | background-color:#ffffff ; |
| 131 | box-sizing: border-box; | 131 | box-sizing: border-box; |
| 132 | height: 124rpx; | 132 | height: 124rpx; |
| 133 | width: 100%; | 133 | width: 100%; |
| 134 | display: flex; | 134 | display: flex; |
| 135 | align-items: center; | 135 | align-items: center; |
| 136 | padding: 0 40rpx; | 136 | padding: 0 40rpx; |
| 137 | .addIcon{ | 137 | .addIcon{ |
| 138 | background-color:#F2F2F2 ; | 138 | background-color:#F2F2F2 ; |
| 139 | height: 56rpx; | 139 | height: 56rpx; |
| 140 | width: 60rpx; | 140 | width: 60rpx; |
| 141 | border-radius: 4rpx; | 141 | border-radius: 4rpx; |
| 142 | display: flex; | 142 | display: flex; |
| 143 | justify-content: center; | 143 | justify-content: center; |
| 144 | align-items: center; | 144 | align-items: center; |
| 145 | margin-right: 40rpx; | 145 | margin-right: 40rpx; |
| 146 | } | 146 | } |
| 147 | image{ | 147 | image{ |
| 148 | height: 28rpx; | 148 | height: 28rpx; |
| 149 | width: 28rpx; | 149 | width: 28rpx; |
| 150 | } | 150 | } |
| 151 | .addressText{ | 151 | .addressText{ |
| 152 | font-size: 28rpx; | 152 | font-size: 28rpx; |
| 153 | color: #333333; | 153 | color: #333333; |
| 154 | margin-right: 364rpx; | 154 | margin-right: 364rpx; |
| 155 | } | 155 | } |
| 156 | } | 156 | } |
| 157 | .content{ | 157 | .content{ |
| 158 | background-color:#F2F2F2 ; | 158 | background-color:#F2F2F2 ; |
| 159 | width: 100%; | 159 | width: 100%; |
| 160 | display: flex; | 160 | display: flex; |
| 161 | flex-direction: column; | 161 | flex-direction: column; |
| 162 | justify-content: center; | 162 | justify-content: center; |
| 163 | align-items: center; | 163 | align-items: center; |
| 164 | padding: 40rpx; | 164 | padding: 40rpx; |
| 165 | box-sizing: border-box; | 165 | box-sizing: border-box; |
| 166 | .orderInfo{ | 166 | .orderInfo{ |
| 167 | width: 670rpx; | 167 | width: 670rpx; |
| 168 | height: 488rpx; | 168 | height: 488rpx; |
| 169 | background-color:#ffffff ; | 169 | background-color:#ffffff ; |
| 170 | border-radius: 20rpx; | 170 | border-radius: 20rpx; |
| 171 | box-sizing: border-box; | 171 | box-sizing: border-box; |
| 172 | padding: 0 40rpx 40rpx 40rpx; | 172 | padding: 0 40rpx 40rpx 40rpx; |
| 173 | .title{ | 173 | .title{ |
| 174 | display: flex; | 174 | display: flex; |
| 175 | align-items: center; | 175 | align-items: center; |
| 176 | font-size: 28rpx; | 176 | font-size: 28rpx; |
| 177 | color: #333333; | 177 | color: #333333; |
| 178 | height: 60rpx; | 178 | height: 60rpx; |
| 179 | line-height: 40rpx; | 179 | line-height: 40rpx; |
| 180 | padding: 10rpx 10rpx 10rpx 0rpx; | 180 | padding: 10rpx 10rpx 10rpx 0rpx; |
| 181 | image{ | 181 | image{ |
| 182 | margin-right: 20rpx; | 182 | margin-right: 20rpx; |
| 183 | } | 183 | } |
| 184 | } | 184 | } |
| 185 | .infoBox{ | 185 | .infoBox{ |
| 186 | margin-top: 42rpx; | 186 | margin-top: 42rpx; |
| 187 | .infoTop{ | 187 | .infoTop{ |
| 188 | display: flex; | 188 | display: flex; |
| 189 | flex-direction: row; | 189 | flex-direction: row; |
| 190 | image{ | 190 | image{ |
| 191 | height: 188rpx; | 191 | height: 188rpx; |
| 192 | width: 188rpx; | 192 | width: 188rpx; |
| 193 | margin-right: 24rpx; | 193 | margin-right: 24rpx; |
| 194 | } | 194 | } |
| 195 | .infoRight{ | 195 | .infoRight{ |
| 196 | width: 374rpx; | 196 | width: 374rpx; |
| 197 | display: flex; | 197 | display: flex; |
| 198 | flex-direction: column; | 198 | flex-direction: column; |
| 199 | align-items: flex-start; | 199 | align-items: flex-start; |
| 200 | justify-content: space-between; | 200 | justify-content: space-between; |
| 201 | .goodName{ | 201 | .goodName{ |
| 202 | font-size: 28rpx; | 202 | font-size: 28rpx; |
| 203 | color: #333333; | 203 | color: #333333; |
| 204 | } | 204 | } |
| 205 | .remarks{ | 205 | .remarks{ |
| 206 | font-size: 20rpx; | 206 | font-size: 20rpx; |
| 207 | color: #999999; | 207 | color: #999999; |
| 208 | } | 208 | } |
| 209 | .priceBox{ | 209 | .priceBox{ |
| 210 | display: flex; | 210 | display: flex; |
| 211 | justify-content: space-between; | 211 | justify-content: space-between; |
| 212 | align-items: center; | 212 | align-items: center; |
| 213 | width: 100%; | 213 | width: 100%; |
| 214 | .price{ | 214 | .price{ |
| 215 | color: #FF6B4A; | 215 | color: #FF6B4A; |
| 216 | font-size: 28rpx; | 216 | font-size: 28rpx; |
| 217 | } | 217 | } |
| 218 | .counter{ | 218 | .counter{ |
| 219 | display: flex; | 219 | display: flex; |
| 220 | flex-direction: row; | 220 | flex-direction: row; |
| 221 | justify-content: space-between; | 221 | justify-content: space-between; |
| 222 | font-size: 28rpx; | 222 | font-size: 28rpx; |
| 223 | color: #333333; | 223 | color: #333333; |
| 224 | width: 122rpx; | 224 | width: 122rpx; |
| 225 | .btn{ | 225 | .btn{ |
| 226 | display: flex; | 226 | display: flex; |
| 227 | justify-content: center; | 227 | justify-content: center; |
| 228 | line-height: 32rpx; | 228 | line-height: 32rpx; |
| 229 | height: 32rpx; | 229 | height: 32rpx; |
| 230 | width: 32rpx; | 230 | width: 32rpx; |
| 231 | background-color: #F2F2F2; | 231 | background-color: #F2F2F2; |
| 232 | color: #CFCFCF; | 232 | color: #CFCFCF; |
| 233 | } | 233 | } |
| 234 | } | 234 | } |
| 235 | } | 235 | } |
| 236 | } | 236 | } |
| 237 | } | 237 | } |
| 238 | .infoBottom{ | 238 | .infoBottom{ |
| 239 | display: flex; | 239 | display: flex; |
| 240 | flex-direction: column; | 240 | flex-direction: column; |
| 241 | justify-content: flex-start; | 241 | justify-content: flex-start; |
| 242 | font-size: 24rpx; | 242 | font-size: 24rpx; |
| 243 | color: #333333; | 243 | color: #333333; |
| 244 | text{ | 244 | text{ |
| 245 | color: #999999; | 245 | color: #999999; |
| 246 | margin-left: 20rpx; | 246 | margin-left: 20rpx; |
| 247 | } | 247 | } |
| 248 | 248 | ||
| 249 | .norm{ | 249 | .norm{ |
| 250 | margin-top: 28rpx; | 250 | margin-top: 28rpx; |
| 251 | } | 251 | } |
| 252 | .shippingMethod{ | 252 | .shippingMethod{ |
| 253 | margin-top: 12rpx; | 253 | margin-top: 12rpx; |
| 254 | } | 254 | } |
| 255 | .message{ | 255 | .message{ |
| 256 | display: flex; | 256 | display: flex; |
| 257 | flex-direction: row; | 257 | flex-direction: row; |
| 258 | align-items: center; | 258 | align-items: center; |
| 259 | margin-top: 18rpx; | 259 | margin-top: 18rpx; |
| 260 | input{ | 260 | input{ |
| 261 | margin-left: 20rpx; | 261 | margin-left: 20rpx; |
| 262 | width: 75%; | 262 | width: 75%; |
| 263 | } | 263 | } |
| 264 | } | 264 | } |
| 265 | } | 265 | } |
| 266 | } | 266 | } |
| 267 | } | 267 | } |
| 268 | .payWay{ | 268 | .payWay{ |
| 269 | height: 464rpx; | 269 | height: 464rpx; |
| 270 | width: 670rpx; | 270 | width: 670rpx; |
| 271 | background-color: #ffffff; | 271 | background-color: #ffffff; |
| 272 | color: #333333; | 272 | color: #333333; |
| 273 | font-size: 24rpx; | 273 | font-size: 24rpx; |
| 274 | border-radius: 20rpx; | 274 | border-radius: 20rpx; |
| 275 | box-sizing: border-box; | 275 | box-sizing: border-box; |
| 276 | padding: 0 52rpx 0rpx 40rpx; | 276 | padding: 0 52rpx 0rpx 40rpx; |
| 277 | margin-top: 20rpx; | 277 | margin-top: 20rpx; |
| 278 | display: flex; | 278 | display: flex; |
| 279 | flex-direction: column; | 279 | flex-direction: column; |
| 280 | justify-content: center; | 280 | justify-content: center; |
| 281 | align-items: flex-start; | 281 | align-items: flex-start; |
| 282 | .item{ | 282 | .item{ |
| 283 | display: flex; | 283 | display: flex; |
| 284 | flex-direction: row; | 284 | flex-direction: row; |
| 285 | justify-content: space-between; | 285 | justify-content: space-between; |
| 286 | align-items: center; | 286 | align-items: center; |
| 287 | width: 100%; | 287 | width: 100%; |
| 288 | height: 115rpx; | 288 | height: 115rpx; |
| 289 | .itemRight{ | 289 | .itemRight{ |
| 290 | display: flex; | 290 | display: flex; |
| 291 | flex-direction: row; | 291 | flex-direction: row; |
| 292 | justify-content: space-between; | 292 | justify-content: space-between; |
| 293 | align-items: center; | 293 | align-items: center; |
| 294 | image{ | 294 | image{ |
| 295 | height: 24rpx; | 295 | height: 24rpx; |
| 296 | width: 12rpx; | 296 | width: 12rpx; |
| 297 | } | 297 | } |
| 298 | .rightText{ | 298 | .rightText{ |
| 299 | margin-right: 20rpx; | 299 | margin-right: 20rpx; |
| 300 | text-align: right; | 300 | text-align: right; |
| 301 | .choosePayWay{ | 301 | .choosePayWay{ |
| 302 | text{ | 302 | text{ |
| 303 | color: #333333 ; | 303 | color: #333333 ; |
| 304 | } | 304 | } |
| 305 | image{ | 305 | image{ |
| 306 | height:26rpx ; | 306 | height:26rpx ; |
| 307 | width: 30rpx; | 307 | width: 30rpx; |
| 308 | margin-right: 20px; | 308 | margin-right: 20px; |
| 309 | } | 309 | } |
| 310 | } | 310 | } |
| 311 | .randomSubstraction{ | 311 | .randomSubstraction{ |
| 312 | color: #FF6B4A ; | 312 | color: #FF6B4A ; |
| 313 | } | 313 | } |
| 314 | .preferentialWay{ | 314 | .preferentialWay{ |
| 315 | color: #999999 ; | 315 | color: #999999 ; |
| 316 | } | 316 | } |
| 317 | } | 317 | } |
| 318 | .freight,.total{ | 318 | .freight,.total{ |
| 319 | margin-right: 32rpx; | 319 | margin-right: 32rpx; |
| 320 | } | 320 | } |
| 321 | text{ | 321 | text{ |
| 322 | color: #FF6B4A ; | 322 | color: #FF6B4A ; |
| 323 | } | 323 | } |
| 324 | } | 324 | } |
| 325 | } | 325 | } |
| 326 | } | 326 | } |
| 327 | .checkBox{ | 327 | // .checkBox{ |
| 328 | height: 58rpx; | 328 | // height: 58rpx; |
| 329 | line-height: 58rpx; | 329 | // line-height: 58rpx; |
| 330 | width: 100%; | 330 | // width: 100%; |
| 331 | margin-top: 36rpx; | 331 | // margin-top: 36rpx; |
| 332 | margin-left: 40rpx; | 332 | // margin-left: 40rpx; |
| 333 | font-size: 12px; | 333 | // font-size: 12px; |
| 334 | color: #999999; | 334 | // color: #999999; |
| 335 | } | 335 | // } |
| 336 | } | 336 | } |
| 337 | .footer{ | 337 | .footer{ |
| 338 | height: 112rpx; | 338 | height: 112rpx; |
| 339 | width: 100%; | 339 | width: 100%; |
| 340 | background-color: #ffffff; | 340 | background-color: #F2F2F2; |
| 341 | font-size: 16px; | 341 | font-size: 16px; |
| 342 | display: flex; | 342 | display: flex; |
| 343 | justify-content: space-between; | 343 | justify-content: space-between; |
| 344 | align-items: center; | 344 | align-items: center; |
| 345 | .footerLeft{ | 345 | .footerLeft{ |
| 346 | display: flex; | 346 | display: flex; |
| 347 | justify-content: center; | 347 | justify-content: center; |
| 348 | align-items: center; | 348 | align-items: center; |
| 349 | width: 50%; | 349 | width: 50%; |
| 350 | color: #333333; | 350 | color: #333333; |
| 351 | text{ | 351 | text{ |
| 352 | color: #FF6B4A; | 352 | color: #FF6B4A; |
| 353 | } | 353 | } |
| 354 | } | 354 | } |
| 355 | .footerRight{ | 355 | .footerRight{ |
| 356 | display: flex; | 356 | display: flex; |
| 357 | justify-content: flex-end; | 357 | justify-content: flex-end; |
| 358 | align-items: center; | 358 | align-items: center; |
| 359 | width: 50%; | 359 | width: 50%; |
| 360 | margin-right: 26rpx; | 360 | margin-right: 26rpx; |
| 361 | .paybtn{ | 361 | .paybtn{ |
| 362 | display: flex; | 362 | display: flex; |
| 363 | justify-content: center; | 363 | justify-content: center; |
| 364 | align-items: center; | 364 | align-items: center; |
| 365 | background: #FF6B4A; | 365 | background: #FF6B4A; |
| 366 | border-radius: 20px; | 366 | border-radius: 20px; |
| 367 | border-radius: 20px; | 367 | border-radius: 20px; |
| 368 | color: #FFFFFF; | 368 | color: #FFFFFF; |
| 369 | width: 204rpx; | 369 | width: 204rpx; |
| 370 | height: 80rpx; | 370 | height: 80rpx; |
| 371 | } | 371 | } |
| 372 | } | 372 | } |
| 373 | 373 | ||
| 374 | } | 374 | } |
| 375 | 375 | ||
| 376 | </style> | 376 | </style> |
| 377 | 377 |