|
@@ -11,7 +11,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</Nav>
|
|
</Nav>
|
|
|
- <view :class="addressData.id?'bottom-124':''" class="address-box align-items-center box-border-box plr-24">
|
|
|
|
|
|
|
+ <view :class="addressData.id?'bottom-124':''" class="address-box align-items-center box-border-box plr-24" @click="selectFun()">
|
|
|
<view v-if="!addressData.id" class="address-1 flex-justify-space align-items-center">
|
|
<view v-if="!addressData.id" class="address-1 flex-justify-space align-items-center">
|
|
|
<view class="align-items-center">
|
|
<view class="align-items-center">
|
|
|
<image class="qu-image" src="@/static/img/takeout/qu-icon.png" mode=""></image>
|
|
<image class="qu-image" src="@/static/img/takeout/qu-icon.png" mode=""></image>
|
|
@@ -68,7 +68,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="shop-buttom-money box-border-box" @click="createOrder()">
|
|
|
|
|
|
|
+ <view class="shop-buttom-money box-border-box" @click="openBuyCrad()">
|
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
<view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
<image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
|
<view class="shop-buttom-num fs-24 fc-f text-align-center">3</view>
|
|
<view class="shop-buttom-num fs-24 fc-f text-align-center">3</view>
|
|
@@ -80,6 +80,61 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <uni-popup ref="popupBuy" type="bottom" style="z-index: 200;">
|
|
|
|
|
+ <view class="buy-card flex-index-css">
|
|
|
|
|
+ <view class="buy-card-top box-border-box plr-32 flex-justify-space align-items-center">
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <span class="fs-32 fc-3 mr-12">已选商品</span>
|
|
|
|
|
+ <span class="fs-32 fc-9">(打包费<span class="fs-32 fc-FB3D03">8元</span>)</span>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="fs-28 fw-400 fc-9 align-items-center">
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <uni-icons type="trash" size="18" color="#999"></uni-icons>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="fs-28 fw-400 fc-9">清空</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="scroll-view-css box-border-box p-32">
|
|
|
|
|
+ <view class="buy-card-item display-flex" v-for="(item,i) in 5" :key="i">
|
|
|
|
|
+ <image src="@/static/img/my/bg.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <view class="flex-1">
|
|
|
|
|
+ <view class="w-514 text-overflow-ellipsis-one fs-34 fw-600 mb-12">[畅销款]奥尔1良烤肉牛油拌饭拌饭[畅销款]奥尔1良烤肉牛油拌饭拌饭</view>
|
|
|
|
|
+ <view class="w-514 text-overflow-ellipsis-one fs-24 fw-400 fc-9 mb-18">不辣,加辣</view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="flex-justify-space">
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <span class="fs-24 fc-FB3D03 fw-400">¥</span>
|
|
|
|
|
+ <span class="fs-40 fc-FB3D03 fw-b">3.99</span>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="display-flex align-items-center">
|
|
|
|
|
+ <view class="right-only-right-red fw-500 text-align-center fs-36 fc-f">-</view>
|
|
|
|
|
+ <view class="right-only-right-2 text-align-center fs-28 fw-400">1</view>
|
|
|
|
|
+ <view class="right-only-right-add fw-500 text-align-center fs-36 fc-f">+</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="shop-buttom-money box-border-box" @click="createOrder()">
|
|
|
|
|
+ <view class="shop-buttom-money-1 flex-justify-space align-items-center">
|
|
|
|
|
+ <image src="@/static/img/takeout/buy-icon.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <view class="shop-buttom-num fs-24 fc-f text-align-center">3</view>
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <span class="fw-600 fs-24 fc-f">¥</span>
|
|
|
|
|
+ <span class="fw-600 fs-44 fc-f">19.26</span>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- <view class="fs-32 fw-600 fc-f mr-30">20元起送</view> -->
|
|
|
|
|
+ <view class="shop-buttom-money-2 text-align-center fs-32 fc-f fw-600">去结算</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </uni-popup>
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -94,13 +149,23 @@
|
|
|
},
|
|
},
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- onShow() {
|
|
|
|
|
-
|
|
|
|
|
|
|
+ onLoad(e) {
|
|
|
|
|
+ if(e.id){
|
|
|
|
|
+ this.addressData.id = Number(e.id);
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
methods:{
|
|
methods:{
|
|
|
toBack(){
|
|
toBack(){
|
|
|
tools.leftClick()
|
|
tools.leftClick()
|
|
|
},
|
|
},
|
|
|
|
|
+ selectFun(){
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url:'pages-takeout/replace-mod/select-site?id=' + this.addressData.id
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ openBuyCrad(){
|
|
|
|
|
+ this.$refs.popupBuy.open()
|
|
|
|
|
+ },
|
|
|
createOrder(){
|
|
createOrder(){
|
|
|
|
|
|
|
|
},
|
|
},
|
|
@@ -110,6 +175,51 @@
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.replace-take-box{
|
|
.replace-take-box{
|
|
|
|
|
+ .right-only-right-red{
|
|
|
|
|
+ width: 44rpx;
|
|
|
|
|
+ height: 44rpx;
|
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
|
+ border: 1rpx solid #41ABF5;
|
|
|
|
|
+ color: #41ABF5;
|
|
|
|
|
+ }
|
|
|
|
|
+ .right-only-right-add{
|
|
|
|
|
+ width: 44rpx;
|
|
|
|
|
+ height: 44rpx;
|
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
|
+ background: linear-gradient( 117deg, #57CAFF 0%, #41ABF5 100%);
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .right-only-right-2{
|
|
|
|
|
+ min-width: 50rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .w-514{
|
|
|
|
|
+ width: 514rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .buy-card{
|
|
|
|
|
+ z-index: 200;
|
|
|
|
|
+ height: 828rpx;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
|
|
+ .buy-card-top{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 92rpx;
|
|
|
|
|
+ background: #FCF5DB;
|
|
|
|
|
+ border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .buy-card-item{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 176rpx;
|
|
|
|
|
+ margin-bottom: 32rpx;
|
|
|
|
|
+ image{
|
|
|
|
|
+ width: 152rpx;
|
|
|
|
|
+ height: 152rpx;
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.h-120{
|
|
.h-120{
|
|
|
height: 120rpx;
|
|
height: 120rpx;
|
|
|
}
|
|
}
|
|
@@ -231,24 +341,7 @@
|
|
|
margin-right: 20rpx;
|
|
margin-right: 20rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .right-only-right-red{
|
|
|
|
|
- width: 44rpx;
|
|
|
|
|
- height: 44rpx;
|
|
|
|
|
- line-height: 40rpx;
|
|
|
|
|
- border-radius: 12rpx;
|
|
|
|
|
- border: 1rpx solid #41ABF5;
|
|
|
|
|
- color: #41ABF5;
|
|
|
|
|
- }
|
|
|
|
|
- .right-only-right-add{
|
|
|
|
|
- width: 44rpx;
|
|
|
|
|
- height: 44rpx;
|
|
|
|
|
- line-height: 40rpx;
|
|
|
|
|
- background: linear-gradient( 117deg, #57CAFF 0%, #41ABF5 100%);
|
|
|
|
|
- border-radius: 12rpx;
|
|
|
|
|
- }
|
|
|
|
|
- .right-only-right-2{
|
|
|
|
|
- min-width: 50rpx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+
|
|
|
.input-num{
|
|
.input-num{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 92rpx;
|
|
height: 92rpx;
|