2021-08-24

完成功能

1.订单详情页设计

1.相关效果

在这里插入图片描述

2.相关功能

1.添加地址

在这里插入图片描述

2.修改地址

在这里插入图片描述

3.选中地址(初始为默认地址)
点击即选中该地址

在这里插入图片描述

相关代码
//选择的地址 默认为默认地址
      let selectedAddress=defaultAddress


      //选择地址
      function selectAddress(item,index) {
        if(isOnFunction==false){
          console.log(item);
          for(let i=0;i<harvestAddressList.list.length+1;i++){
            $('.imageBackground').eq(i).css('opacity',0.5)
          }
          $('.imageBackground').eq(index).css('opacity',1)


          selectedAddress.harvestAddress = item.harvestAddress
          selectedAddress.isDefault = item.isDefault
          selectedAddress.harvestType =item.harvestType
          selectedAddress.harvestEmail = item.harvestEmail
          selectedAddress.harvestName = item.harvestName
          selectedAddress.userId=item.userId
          selectedAddress.harvestId=item.harvestId

          console.log(selectedAddress);
        }
        isOnFunction=false
      }

4.底端定时器

在这里插入图片描述

相关代码
 let time=ref(20*60)

      let timer=setInterval(()=>{
        time.value--
      },3000)

      watch(time,
          ()=>{
            if(time.value==0){
              clearInterval(timer)
            }
          }
      )

沙箱支付(未完成)

配置:

pom.xml

    <dependency>
                <groupId>com.alipay.sdk</groupId>
                <artifactId>alipay-sdk-java</artifactId>
                <version>3.7.110.ALL</version>
        </dependency>

         <dependency>
             <groupId>com.alibaba</groupId>
             <artifactId>fastjson</artifactId>
             <version>1.2.33</version>
         </dependency>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值