Blame view
src/pages/confirmOrder/confirmOrder.vue
22.7 KB
026545fd8 样式调整 |
1 |
<template> |
323398550 若干功能添加 |
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<view class="wrap"> <view></view> <view class="addAddress" @tap="toaddAddress" v-if="this.showAddress" > <view class="addIcon"> <image src="../../static/add.png" mode="aspectFill" ></image> </view> <view class="addressText">{{addAddress}}</view> <image src="../../static/right.png" mode="aspectFill" ></image> </view> <view v-else @tap="toaddAddress" class="list order-user" > |
248b0e031 解决支付问题 |
26 |
<view class="order-user-head" v-if="addressInfo != false"> |
323398550 若干功能添加 |
27 28 29 30 |
<view class="name"> <view v-if="addressInfo.default === '1'" class="default" |
248b0e031 解决支付问题 |
31 32 33 34 |
> <text>默认</text> </view> {{addressInfo.name}} |
323398550 若干功能添加 |
35 36 37 |
</view> <text class="mobile">{{addressInfo.mobile}}</text> </view> |
248b0e031 解决支付问题 |
38 |
<view class="order-user-body" v-if="addressInfo != false"> |
323398550 若干功能添加 |
39 |
<image src="../../static/myorder-paying-location.png"></image> |
607bc3a4d 修改了直接购买的流程,添加弹窗,选... |
40 41 |
<text class="address">{{addressInfo.address}} {{addressInfo.add_detail}}</text> |
248b0e031 解决支付问题 |
42 43 44 45 |
</view> <view class="order-user-body" v-if="addressInfo == false"> <text class="address">点击添加地址</text> </view> |
323398550 若干功能添加 |
46 47 48 |
<image class="arrow" src="../../static/right.png" |
156736a2e 样式修改 |
49 |
mode="aspectFill" |
323398550 若干功能添加 |
50 51 52 53 54 55 56 57 58 59 60 61 |
></image> </view> <view class="content"> <view class="orderInfo"> <view class="title"> <image src="../../static/store.png" mode="aspectFill" style="width: 40rpx;height: 40rpx;" ></image> <text>非常戴镜</text> </view> |
678d6b48a async函数修改 |
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
<view class="infoBox" v-if="isCart == 'true'" v-for="(item, index) in checkedCartLst" :key="index" > <view class="infoTop"> <image :src="item.img_index_url" mode="aspectFill" ></image> <view class="infoRight"> <text class="goodName">{{item.p_name}}</text> <text class="remarks">支持7天无理由退货 顺丰发货</text> <view class="priceBox"> |
7301fd560 添加购物车默认样式 |
78 79 |
<view class="price">¥{{Number(item.nowPrice) }}<text class="originCost"> ¥{{item.oldPrice}} |
678d6b48a async函数修改 |
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 |
</text></view> <view class="counter"> <view class="btn" disabled="this.disabled" type="default" @click="counter(false,index)" >-</view> <text>{{checkedCartLst[index].num}}</text> <view class="btn" type="default" @click="counter(true,index)" >+</view> </view> </view> </view> </view> <view class="infoBottom"> <view class="norm">规格 <text> <!-- 长度超出变省略号未做 --> <block>{{item.sku_name}}<block v-if="index !== current.length -1">/</block> </block> </text></view> <view class="shippingMethod">使用人 <text> {{item.peopleName}} </text></view> <view class="shippingMethod">配送方式 <text>快递</text></view> <view class="message">买家留言 <input type="text" :value="note" placeholder="建议提前协商(50字以内)" /> </view> </view> </view> <view class="infoBox" v-if="isCart !== 'true'" > |
323398550 若干功能添加 |
122 123 |
<view class="infoTop"> <image |
61d825263 确认订单修改 |
124 |
:src="buyItem.pic" |
323398550 若干功能添加 |
125 126 127 |
mode="aspectFill" ></image> <view class="infoRight"> |
607bc3a4d 修改了直接购买的流程,添加弹窗,选... |
128 |
<text class="goodName">{{goodInfo.p_name}}</text> |
323398550 若干功能添加 |
129 130 |
<text class="remarks">支持7天无理由退货 顺丰发货</text> <view class="priceBox"> |
7301fd560 添加购物车默认样式 |
131 132 |
<view class="price">¥{{buyItem.real_price}}<text class="originCost"> ¥{{buyItem.out_price}} |
a3d2beaa8 立即支付功能 |
133 |
</text></view> |
323398550 若干功能添加 |
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 |
<view class="counter"> <view class="btn" disabled="this.disabled" type="default" @click="counter(false)" >-</view> <text>{{count}}</text> <view class="btn" type="default" @click="counter(true)" >+</view> </view> </view> </view> </view> <view class="infoBottom"> |
a3d2beaa8 立即支付功能 |
152 153 154 155 156 157 158 |
<view class="norm">规格 <text> <!-- 长度超出变省略号未做 --> <block v-for="(item, index) in current" :key="index" >{{attrList[index].attr[item].name}}<block v-if="index !== current.length -1">/</block> </block> |
089dce19d 支付修改 |
159 |
</text></view> |
607bc3a4d 修改了直接购买的流程,添加弹窗,选... |
160 161 162 |
<view class="shippingMethod">使用人 <text> {{name}} </text></view> |
323398550 若干功能添加 |
163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 |
<view class="shippingMethod">配送方式 <text>快递</text></view> <view class="message">买家留言 <input type="text" :value="note" placeholder="建议提前协商(50字以内)" /> </view> </view> </view> </view> <view class="payWay"> <view class="item"> <text>支付方式</text> <view class="itemRight"> <view class="rightText"> <view class="choosePayWay"> <image |
156736a2e 样式修改 |
181 |
src="../../static/chat_logo.png" |
323398550 若干功能添加 |
182 183 184 185 |
mode="aspectFill" ></image> <text>微信支付</text> </view> |
87eade409 验光数据填充检测 |
186 |
<!-- <view class="randomSubstraction">最高随机立减¥99</view> --> |
323398550 若干功能添加 |
187 |
</view> |
87eade409 验光数据填充检测 |
188 |
<!-- <image |
323398550 若干功能添加 |
189 190 |
src="../../static/right.png" mode="aspectFill" |
87eade409 验光数据填充检测 |
191 |
></image> --> |
323398550 若干功能添加 |
192 193 |
</view> </view> |
87eade409 验光数据填充检测 |
194 |
<!-- <view class="item"> |
323398550 若干功能添加 |
195 196 197 198 199 200 201 202 203 204 205 206 207 |
<text>优惠券</text> <view class="itemRight"> <view class="rightText"> <view class="chooseOffers"> <text>-¥70.00</text> </view> <view class="preferentialWay">最大优惠</view> </view> <image src="../../static/right.png" mode="aspectFill" ></image> </view> |
87eade409 验光数据填充检测 |
208 |
</view> --> |
323398550 若干功能添加 |
209 210 211 |
<view class="item"> <text>运费</text> <view class="itemRight"> |
87eade409 验光数据填充检测 |
212 |
<view class="freight">免运费</view> |
323398550 若干功能添加 |
213 214 215 216 217 |
</view> </view> <view class="item"> <text>合计</text> <view class="itemRight"> |
61d825263 确认订单修改 |
218 219 |
<view class="total">¥{{totalPrice}}</view> <!-- <view class="total" v-else>¥{{Number(skuInfo.real_price) * count}}</view> --> |
323398550 若干功能添加 |
220 221 222 223 224 225 226 227 228 229 230 231 |
</view> </view> </view> <!-- <view class="checkBox"> <checkbox-group> <label> <checkbox color="#FF6B4A" value="isAnonymous" checked="true" />匿名购买 </label> </checkbox-group> </view> --> </view> |
156736a2e 样式修改 |
232 |
<view class="last_zhanwei"></view> |
323398550 若干功能添加 |
233 |
<view class="footer"> |
61d825263 确认订单修改 |
234 |
<view class="footerLeft">实付金额: |
678d6b48a async函数修改 |
235 236 237 |
<text>¥{{totalPrice}}</text> <!-- <text v-else>¥{{Number(skuInfo.real_price) * count}}</text> --> </view> |
323398550 若干功能添加 |
238 239 240 241 242 243 244 245 |
<view class="footerRight"> <view class="paybtn" @tap="orderBuild" >立即支付</view> </view> </view> </view> |
026545fd8 样式调整 |
246 247 248 |
</template> <script> |
323398550 若干功能添加 |
249 |
import store from '@/store' |
a3d2beaa8 立即支付功能 |
250 |
import MD5Util from '../../utils/md5' |
323398550 若干功能添加 |
251 252 253 254 |
export default { data() { return { |
678d6b48a async函数修改 |
255 |
name: String, |
323398550 若干功能添加 |
256 257 258 259 |
addAddress: '添加收货地址', count: 1, pid: 0, disabled: false, |
3fb9af8d5 auto commit the c... |
260 |
freight: 0.0, |
323398550 若干功能添加 |
261 262 263 |
showAddress: false, note: '', addressInfo: { |
089dce19d 支付修改 |
264 265 |
address: '', }, |
678d6b48a async函数修改 |
266 |
isCart: Boolean, |
323398550 若干功能添加 |
267 |
// isAnonymous: |
678d6b48a async函数修改 |
268 |
checkedCartLst: [], |
323398550 若干功能添加 |
269 270 |
} }, |
ba260b3f9 修改 |
271 272 |
onShow(addressId) { // console.log('+-+-*-*-+-+',addressId) |
678d6b48a async函数修改 |
273 |
if (addressId) { |
ba260b3f9 修改 |
274 275 276 277 278 279 280 281 282 283 284 |
store .dispatch('address/details', { add_id: addressId, }) .then(({ code, data }) => { if (code === 1) { // console.log('code', code, data) this.showAddress = true this.addressInfo = data } }) |
678d6b48a async函数修改 |
285 |
} |
ba260b3f9 修改 |
286 |
}, |
678d6b48a async函数修改 |
287 288 289 |
onLoad({ pid, addressId, isCart, count, name }) { if (isCart == 'false') { this.pid = pid |
0df2ead74 确认订单传参修改&新增眼镜数据的录入功能 |
290 291 292 |
// store.dispatch('read/fetch', { // pid, // }) |
37f3387c9 购物车支付 |
293 |
} |
678d6b48a async函数修改 |
294 295 296 297 298 299 300 |
this.count = count this.name = name this.isCart = isCart console.log('++++++++++++' + pid, addressId, isCart) this.checkedCartLst = this.$store.state.cart.checkedCartLst // console.log('++++++++++6666666666++',this.$store.state.cart.checkedCartLst) |
323398550 若干功能添加 |
301 302 |
// 若已经选择地址 if (addressId) { |
3fb9af8d5 auto commit the c... |
303 |
store |
55420a8a9 解决冲突 |
304 305 |
.dispatch('address/details', { add_id: addressId, |
3fb9af8d5 auto commit the c... |
306 307 308 |
}) .then(({ code, data }) => { if (code === 1) { |
61d825263 确认订单修改 |
309 |
// console.log('code', code, data) |
55420a8a9 解决冲突 |
310 |
this.showAddress = true |
248b0e031 解决支付问题 |
311 |
this.addressInfo = data |
3fb9af8d5 auto commit the c... |
312 |
} |
55420a8a9 解决冲突 |
313 |
}) |
323398550 若干功能添加 |
314 315 |
} else { store.dispatch('address/default').then(({ code, data }) => { |
323398550 若干功能添加 |
316 |
this.showAddress = true |
248b0e031 解决支付问题 |
317 318 |
this.addressInfo = data console.log("this.addressInfo", this.addressInfo) |
323398550 若干功能添加 |
319 320 |
}) } |
323398550 若干功能添加 |
321 322 |
}, computed: { |
678d6b48a async函数修改 |
323 324 |
totalPrice() { if (this.isCart == 'true') { |
61d825263 确认订单修改 |
325 |
let total = 0 |
678d6b48a async函数修改 |
326 327 |
this.$store.state.cart.checkedCartLst.map(item => { total += item.nowPrice * item.num |
61d825263 确认订单修改 |
328 |
}) |
7301fd560 添加购物车默认样式 |
329 |
return total |
678d6b48a async函数修改 |
330 331 |
} else { return this.buyItem.real_price * this.count |
61d825263 确认订单修改 |
332 333 |
} }, |
678d6b48a async函数修改 |
334 |
buyItem() { |
61d825263 确认订单修改 |
335 336 337 338 339 340 |
return this.$store.state.cart.buyItem }, // checkedCartLst(){ // console.log('checkedCartLst',this.$store.state.cart.checkedCartLst) // return this.$store.state.cart.checkedCartLst // }, |
3fb9af8d5 auto commit the c... |
341 |
goodInfo() { |
1a4cad719 修改待付款支付跳转逻辑&新增已完成... |
342 |
// console.log('state', this.$store.state.read.goodInfo) |
323398550 若干功能添加 |
343 |
return this.$store.state.read.goodInfo |
089dce19d 支付修改 |
344 |
}, |
3fb9af8d5 auto commit the c... |
345 |
skuInfo() { |
089dce19d 支付修改 |
346 347 |
return this.$store.state.order.param.sk_id_arr }, |
3fb9af8d5 auto commit the c... |
348 |
attrList() { |
089dce19d 支付修改 |
349 350 |
return this.$store.state.order.param.attrList }, |
3fb9af8d5 auto commit the c... |
351 |
current() { |
089dce19d 支付修改 |
352 353 |
return this.$store.state.order.param.current }, |
323398550 若干功能添加 |
354 355 |
}, methods: { |
678d6b48a async函数修改 |
356 |
counter(isadd, index) { |
323398550 若干功能添加 |
357 |
if (isadd) { |
678d6b48a async函数修改 |
358 |
if (this.isCart == 'true') { |
61d825263 确认订单修改 |
359 |
this.checkedCartLst[index].num++ |
678d6b48a async函数修改 |
360 361 |
} else { this.count++ |
61d825263 确认订单修改 |
362 |
} |
323398550 若干功能添加 |
363 |
} else { |
678d6b48a async函数修改 |
364 365 366 |
if (this.isCart == 'true') { this.checkedCartLst[index].num <= 1 ? (this.disabled = true) : this.checkedCartLst[index].num-- } else { |
61d825263 确认订单修改 |
367 368 |
this.count <= 1 ? (this.disabled = true) : this.count-- } |
323398550 若干功能添加 |
369 370 |
} }, |
089dce19d 支付修改 |
371 |
// 跳转添加地址页面 |
323398550 若干功能添加 |
372 373 374 375 |
toaddAddress() { uni.navigateTo({ url: `../address/addressList?edit=${1}`, success: res => {}, |
3fb9af8d5 auto commit the c... |
376 |
fail: error => { |
37f3387c9 购物车支付 |
377 |
console.log('跳转到地址列表页面失败====>', error) |
3fb9af8d5 auto commit the c... |
378 |
}, |
089dce19d 支付修改 |
379 |
complete: () => {}, |
323398550 若干功能添加 |
380 381 |
}) }, |
87eade409 验光数据填充检测 |
382 |
// 下单 |
248b0e031 解决支付问题 |
383 384 385 386 387 388 389 |
orderBuild() { if(!this.addressInfo){ uni.showLoading({ title: '请先添加地址', }) return } |
a3d2beaa8 立即支付功能 |
390 391 |
uni.showLoading({ title: '支付中', |
248b0e031 解决支付问题 |
392 |
}) |
3fb0f5bf4 支付问题修改 |
393 |
if (this.isCart === 'true') { |
37f3387c9 购物车支付 |
394 395 |
const checkedGoods = [] const sk_id_arr = [] |
678d6b48a async函数修改 |
396 |
this.checkedCartLst.map(item => { |
78ed60987 build下单修改 |
397 |
checkedGoods.push(item.cart_id) |
37f3387c9 购物车支付 |
398 399 400 |
sk_id_arr.push(item.sk_id) }) store.dispatch('order/build', { |
678d6b48a async函数修改 |
401 |
uid: this.$store.state.user.userInfo.uid, |
37f3387c9 购物车支付 |
402 |
address: JSON.stringify(this.addressInfo), |
678d6b48a async函数修改 |
403 |
checkedGoods: checkedGoods, |
37f3387c9 购物车支付 |
404 405 406 |
sk_id_arr: sk_id_arr, totalPrice: this.totalPrice, }).then((res) => { |
3fb0f5bf4 支付问题修改 |
407 |
this.pay(res) |
37f3387c9 购物车支付 |
408 409 |
}) } |
3fb0f5bf4 支付问题修改 |
410 |
if (this.isCart === 'false') { |
37f3387c9 购物车支付 |
411 412 413 414 415 416 417 418 419 420 421 |
const { sk_id_arr: skId, mp_id: mpId } = this.$store.state.order.param store.dispatch('order/buyNow', { pid: skId.pid, sk_id: skId.sk_id, number: this.count, mp_id: mpId, address: JSON.stringify(this.addressInfo), totalPrice: this.totalPrice, liuyan: this.note, dir: 1, }).then((res) => { |
3fb0f5bf4 支付问题修改 |
422 |
this.pay(res) |
37f3387c9 购物车支付 |
423 424 |
}) } |
089dce19d 支付修改 |
425 |
}, |
87eade409 验光数据填充检测 |
426 |
// 支付 |
089dce19d 支付修改 |
427 428 |
pay(res) { console.log('pay', res) |
248b0e031 解决支付问题 |
429 |
const { data, exKeyName: keyName } = res |
089dce19d 支付修改 |
430 |
const uid = uni.getStorageSync('uid') |
a3d2beaa8 立即支付功能 |
431 |
const timeStamp = new Date().getTime().toString() |
248b0e031 解决支付问题 |
432 |
const nonceStr = 'asfafasfasfasfasf' |
55420a8a9 解决冲突 |
433 |
// 支付参数 |
089dce19d 支付修改 |
434 435 436 437 438 |
const fieldSet = { openid: this.$store.state.user.userInfo.openid, uid: this.$store.state.user.userInfo.uid, shopid: 0, payCate: 2020, |
61d825263 确认订单修改 |
439 |
payMoney: this.totalPrice, |
089dce19d 支付修改 |
440 |
payWoodId: `fcdj-${uid}-${keyName}`, |
a3d2beaa8 立即支付功能 |
441 442 |
payWoodDesc: '在【非常戴镜】的微信付款凭证', nonceStr, |
089dce19d 支付修改 |
443 444 |
signType: 'MD5', app_uid: 2020, |
a3d2beaa8 立即支付功能 |
445 |
timeStamp, |
089dce19d 支付修改 |
446 |
keyname: keyName, |
248b0e031 解决支付问题 |
447 448 449 450 451 452 453 |
billInfo: JSON.stringify({ address:this.addressInfo, list:data, keyname: keyName }), } console.log("fieldSet", fieldSet) |
55420a8a9 解决冲突 |
454 |
// 请求后台支付接口 |
a3d2beaa8 立即支付功能 |
455 456 457 458 |
store.dispatch('order/pay', fieldSet).then(({ data, data2, pay_id: payId }) => { if (data.return_code === 'SUCCESS' && data.result_code === 'SUCCESS') { const stringA = `appId=wx115b25aa396d27ac&nonceStr=${nonceStr}&package=prepay_id=${data.prepay_id}&signType=MD5&timeStamp=${timeStamp}` const stringSignTemp = stringA + '&key=NewMoney2017hatemydaddy123456789' |
55420a8a9 解决冲突 |
459 460 |
// 微信支付接口 |
a3d2beaa8 立即支付功能 |
461 462 463 464 |
uni.requestPayment({ appId: data.appid, timeStamp, nonceStr, |
61d825263 确认订单修改 |
465 |
total_fee: this.totalPrice, |
a3d2beaa8 立即支付功能 |
466 467 468 469 |
package: `prepay_id=${data.prepay_id}`, signType: 'MD5', paySign: MD5Util.MD5(stringSignTemp).toUpperCase(), success: (res) => { |
55420a8a9 解决冲突 |
470 |
// 支付成功 |
a3d2beaa8 立即支付功能 |
471 472 473 474 |
uni.showModal({ content: '支付成功', showCancel: false, }) |
55420a8a9 解决冲突 |
475 |
// 跳转订单详情页->状态 待收货 |
a3d2beaa8 立即支付功能 |
476 |
uni.reLaunch({ |
36e559203 逻辑完善 |
477 |
url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=1&isPay=1`, |
a3d2beaa8 立即支付功能 |
478 479 480 |
}) }, fail: (res) => { |
55420a8a9 解决冲突 |
481 |
// 支付失败 |
a3d2beaa8 立即支付功能 |
482 483 484 485 |
uni.showModal({ content: '支付失败', showCancel: false, }) |
55420a8a9 解决冲突 |
486 |
// 跳转订单详情页->状态 待付款 |
a3d2beaa8 立即支付功能 |
487 |
uni.reLaunch({ |
36e559203 逻辑完善 |
488 |
url: `../myOrderPaying/myOrderPaying?payId=${payId}&status=0&isPay=1`, |
a3d2beaa8 立即支付功能 |
489 490 491 492 493 494 495 |
}) }, complete: () => { uni.hideLoading() }, }) } else { |
55420a8a9 解决冲突 |
496 497 498 499 |
uni.showModal({ content: '支付失败', showCancel: false, }) |
a3d2beaa8 立即支付功能 |
500 501 502 |
console.log('支付失败') uni.hideLoading() } |
089dce19d 支付修改 |
503 504 505 |
}) }, }, |
323398550 若干功能添加 |
506 |
} |
026545fd8 样式调整 |
507 508 |
</script> |
646a65287 确认订单页面 |
509 |
<style lang="scss"> |
323398550 若干功能添加 |
510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 |
.wrap { height: 100vh; background-color: #f2f2f2; font-family: PingFangSC-Regular; letter-spacing: -0.23px; position: absolute; } .addAddress { background-color: #ffffff; box-sizing: border-box; height: 124rpx; width: 100%; display: flex; align-items: center; padding: 0 40rpx; .addIcon { background-color: #f2f2f2; height: 56rpx; width: 60rpx; border-radius: 4rpx; display: flex; justify-content: center; align-items: center; margin-right: 40rpx; } image { height: 28rpx; |
156736a2e 样式修改 |
537 |
width: 30rpx; |
323398550 若干功能添加 |
538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 |
} .addressText { font-size: 28rpx; color: #333333; margin-right: 364rpx; } } .content { background-color: #f2f2f2; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40rpx; box-sizing: border-box; .orderInfo { width: 670rpx; |
607bc3a4d 修改了直接购买的流程,添加弹窗,选... |
556 |
min-height: 488rpx; |
323398550 若干功能添加 |
557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 |
background-color: #ffffff; border-radius: 20rpx; box-sizing: border-box; padding: 0 40rpx 40rpx 40rpx; .title { display: flex; align-items: center; font-size: 28rpx; color: #333333; height: 60rpx; line-height: 40rpx; padding: 10rpx 10rpx 10rpx 0rpx; image { margin-right: 20rpx; } } .infoBox { margin-top: 42rpx; .infoTop { display: flex; flex-direction: row; image { height: 188rpx; width: 188rpx; margin-right: 24rpx; } .infoRight { width: 374rpx; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; .goodName { font-size: 28rpx; color: #333333; } .remarks { font-size: 20rpx; color: #999999; } .priceBox { display: flex; justify-content: space-between; align-items: center; width: 100%; .price { color: #ff6b4a; font-size: 28rpx; |
0df2ead74 确认订单传参修改&新增眼镜数据的录入功能 |
605 606 607 |
text{ margin-left: 10rpx; } |
323398550 若干功能添加 |
608 |
} |
089dce19d 支付修改 |
609 610 611 612 613 |
.originCost { text-decoration: line-through; color: #999999; font-size: 20rpx; } |
323398550 若干功能添加 |
614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 |
.counter { display: flex; flex-direction: row; justify-content: space-between; font-size: 28rpx; color: #333333; width: 122rpx; .btn { display: flex; justify-content: center; line-height: 32rpx; height: 32rpx; width: 32rpx; background-color: #f2f2f2; color: #cfcfcf; } } } } } .infoBottom { display: flex; flex-direction: column; justify-content: flex-start; font-size: 24rpx; color: #333333; text { color: #999999; margin-left: 20rpx; } .norm { margin-top: 28rpx; } .shippingMethod { margin-top: 12rpx; } .message { display: flex; flex-direction: row; align-items: center; margin-top: 18rpx; input { margin-left: 20rpx; width: 75%; } } } } } .payWay { height: 464rpx; width: 670rpx; background-color: #ffffff; color: #333333; font-size: 24rpx; border-radius: 20rpx; box-sizing: border-box; padding: 0 52rpx 0rpx 40rpx; margin-top: 20rpx; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; .item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 115rpx; .itemRight { display: flex; flex-direction: row; justify-content: space-between; align-items: center; image { height: 24rpx; width: 12rpx; } .rightText { margin-right: 20rpx; text-align: right; .choosePayWay { |
156736a2e 样式修改 |
698 699 |
display: flex; align-items: center; |
323398550 若干功能添加 |
700 701 702 703 |
text { color: #333333; } image { |
156736a2e 样式修改 |
704 705 706 |
height: 36rpx; width: 40rpx; margin-right: 8px; |
323398550 若干功能添加 |
707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 |
} } .randomSubstraction { color: #ff6b4a; } .preferentialWay { color: #999999; } } .freight, .total { margin-right: 32rpx; } text { color: #ff6b4a; } } } } // .checkBox { // height: 58rpx; // line-height: 58rpx; // width: 100%; // margin-top: 36rpx; // margin-left: 40rpx; // font-size: 12px; // color: #999999; // } } .footer { height: 112rpx; width: 100%; background-color: #fff; font-size: 16px; display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; |
61d825263 确认订单修改 |
746 |
z-index: 9999; |
323398550 若干功能添加 |
747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 |
.footerLeft { display: flex; justify-content: center; align-items: center; width: 50%; color: #333333; text { color: #ff6b4a; } } .footerRight { display: flex; justify-content: flex-end; align-items: center; width: 50%; margin-right: 26rpx; .paybtn { display: flex; justify-content: center; align-items: center; background: #ff6b4a; border-radius: 20px; border-radius: 20px; color: #ffffff; width: 204rpx; height: 80rpx; } } } // 地址信息样式 .order-user { width: 670rpx; height: 228rpx; background: #ffffff; border-radius: 14rpx; margin: 0 auto; margin-top: 20rpx; position: relative; .order-user-head { display: flex; height: 108rpx; width: 100%; align-items: center; |
607bc3a4d 修改了直接购买的流程,添加弹窗,选... |
790 |
padding-left: 126rpx; |
678d6b48a async函数修改 |
791 |
box-sizing: border-box; |
323398550 若干功能添加 |
792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 |
.name { display: flex; justify-content: space-between; font-size: 14px; color: #333333; letter-spacing: -0.26px; margin-right: 20rpx; .default { height: 40rpx; width: 80rpx; background-color: #4a90e2; border-radius: 13px; border-radius: 13px; text-align: center; margin-right: 20rpx; text { |
156736a2e 样式修改 |
808 809 810 |
display: flex; justify-content: center; align-items: center; |
323398550 若干功能添加 |
811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 |
font-size: 12px; color: #ffffff; letter-spacing: -0.23px; } } } .mobile { font-size: 14px; color: #999999; letter-spacing: -0.26px; } } .order-user-body { display: flex; width: 100%; image { width: 24px; |
156736a2e 样式修改 |
828 |
height: 28px; |
323398550 若干功能添加 |
829 830 831 832 833 834 835 836 837 838 |
margin: 12rpx 32rpx 0 40rpx; } .address { font-weight: bold; font-size: 14px; color: #333333; letter-spacing: -0.26px; } } .arrow { |
156736a2e 样式修改 |
839 |
width: 12px; |
323398550 若干功能添加 |
840 841 842 843 844 845 |
height: 12px; position: absolute; right: 40rpx; bottom: 104rpx; } } |
678d6b48a async函数修改 |
846 |
.last_zhanwei { |
156736a2e 样式修改 |
847 848 849 |
background: #f2f2f2; height: 60px; } |
026545fd8 样式调整 |
850 |
</style> |