product_platform/yxt-yythmall-ui-miniprogram
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
wong1988
2024-01-21 22:35:02 +08:00
parent b06089e7e7
commit 90b02d8004
1 changed files with 134 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
pages/home/cloudCard2.vue
View File

@@ -3,21 +3,23 @@
<view <view
style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);"> style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);">
<view class="top"> <view class="top" style="position: fixed;z-index: 0;" />
<NavBar ref="nav" navTitle=" " :showIcon="false" :start-change-height="page.startHeight" <loading-state ref="pageView" @request="request" style="z-index: 2;">
:end-change-height="page.endHeight">
</NavBar>
</view> <!-- 总高度 - 底部导航栏高度 60px -->
<view style="height: calc(100vh - 60px);box-sizing: border-box;display: flex;flex-direction: column;">
<!-- 压住图片15px -->
<view style="height: calc(50vw - 15px);width: 100%;"></view>
<loading-state ref="pageView" @request="request">
<view <view
style="background: #fff; height: calc(100vh - 45px - 50vw);width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;margin-top: -15px;box-sizing: border-box;"> style="background: #fff; width: 100%; border-radius: 15px;display: flex;flex-direction: column; box-sizing: border-box;flex: 1">
<view class="center"> <view class="center" style="flex: 1;">
<view style="width: 22%;display: flex;flex-direction: column;overflow-y: auto;padding-top: 10px;"> <view
style="width: 24%;display: flex;flex-direction: column;overflow-y: auto;padding-top: 10px;">
<view style="width: 100%;display: flex;flex-direction: column; "> <view style="width: 100%;display: flex;flex-direction: column; ">
<view v-for="(item,index) in data.typeVos" @click="labelClick(index,item)" <view v-for="(item,index) in data.typeVos" @click="labelClick(index,item)"
@@ -29,7 +31,7 @@
</view> </view>
<view style="width: 78%;background-color: #fff;overflow-y: auto;"> <view style="width: 77%;background-color: #fff;overflow-y: auto;">
<view style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px;"> <view style="z-index: 1;background: #FFFFFF;position: sticky;top: 0;padding: 10px;">
@@ -57,8 +59,9 @@
<view style="display: flex;flex-direction: row;align-items: center;width: 100%; "> <view style="display: flex;flex-direction: row;align-items: center;width: 100%; ">
<image :src="item.iconUrl" style="width: 90px;height: 90px; border-radius: 10px; " <image :src="item.iconUrl"
mode="aspectFill" @click="itemClick(item.goodsSid)"></image> style="width: 90px;height: 90px; border-radius: 10px; " mode="aspectFill"
@click="itemClick(item.goodsSid)"></image>
<view <view
style="display: flex;flex-direction: column;flex: 1; padding-bottom: 15px; margin-left: 10px;" style="display: flex;flex-direction: column;flex: 1; padding-bottom: 15px; margin-left: 10px;"
@@ -81,17 +84,20 @@
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between; margin-top: 15px; <view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between; margin-top: 15px;
margin-right: 15px;"> margin-right: 15px;">
<text style="font-size: 14px;color: #FF5006;">￥{{item.mefenPrice}}</text> <text
style="font-size: 14px;color: #FF5006;">￥{{item.mefenPrice}}</text>
<view style="display: flex;flex-direction: row;align-items: center;"> <view style="display: flex;flex-direction: row;align-items: center;">
<image src="../../static/jian_icon.png" mode="aspectFill" <image src="../../static/jian_icon.png" mode="aspectFill"
style="width: 20px;height: 20px;" @click.stop="jian(item)"></image> style="width: 20px;height: 20px;" @click.stop="jian(item)">
</image>
<text <text
style="font-size: 14px;margin-left: 8px;margin-right: 8px;">{{item.goodsNumber}}</text> style="font-size: 14px;margin-left: 8px;margin-right: 8px;">{{item.goodsNumber}}</text>
<image src="../../static/jia_icon.png" mode="aspectFill" <image src="../../static/jia_icon.png" mode="aspectFill"
style="width: 20px;height: 20px;" @click.stop="jia(item)"></image> style="width: 20px;height: 20px;" @click.stop="jia(item)">
</image>
</view> </view>
</view> </view>
@@ -111,32 +117,22 @@
<view class="bottom"> <view class="bottom">
<view style="display: flex;flex-direction: row;align-items: center; justify-content: center;"> <view style="display: flex;flex-direction: row;align-items: center; justify-content: center;">
<!-- <view style="width: 35px;height: 35px;position: relative; visibility: hidden; ">
<image style="width: 25px;height: 25px;margin-left: 5px; margin-top: 5px; "
src="../../static/basket_icon.png" mode="aspectFill"></image>
<view style="border-radius: 50%;text-align: center;background: #f00;color: #fff;font-size: 8px;
position: absolute;
top: 2px;
right: 0px;
padding: 2px 5px;
width: auto;">{{page.count}}</view>
</view> -->
<view id="bomView" style="display: flex;flex-direction: row;align-items: center;"> <view id="bomView" style="display: flex;flex-direction: row;align-items: center;">
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;"> <view
style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;">
温馨提示：已订</view> 温馨提示：已订</view>
<view <view
style="color: #FF5006;font-size: 15px;height: 15px;line-height: 15px;font-weight: bold;"> style="color: #FF5006;font-size: 15px;height: 15px;line-height: 15px;font-weight: bold;">
{{page.weight}}斤 {{page.weight}}斤
</view> </view>
<view style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;"> <view
style="color: #888;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;">
，{{data.brandVos[selectIndex2].qssl}}斤起订。</view> ，{{data.brandVos[selectIndex2].qssl}}斤起订。</view>
<view style="display: flex;flex-direction: row;align-items: center;" @click="showPop2()"> <view style="display: flex;flex-direction: row;align-items: center;"
@click="showPop2()">
<text <text
style="color: #6190D8;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;text-decoration:underline;font-style:oblique;"> style="color: #6190D8;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;text-decoration:underline;font-style:oblique;">
起订说明</text> 起订说明</text>
@@ -176,6 +172,9 @@
</view> </view>
</view>
</loading-state> </loading-state>
@@ -494,7 +493,7 @@
}, },
dialogInputConfirm2(val) { dialogInputConfirm2(val) {
console.log(">>>>>>>>>>>",this.dialogBeforeClose2); console.log(">>>>>>>>>>>", this.dialogBeforeClose2);
this.dialogBeforeClose2 = false this.dialogBeforeClose2 = false
}, },
@@ -516,7 +515,7 @@
var params = { var params = {
customerSid: getApp().globalData.sid, customerSid: getApp().globalData.sid,
// cardNumber: 1, // cardNumber: 1,
brandId:this.data.brandVos[this.selectIndex2].id, brandId: this.data.brandVos[this.selectIndex2].id,
totalTee: this.page.price, totalTee: this.page.price,
// ordOrderDetailsVoList: list // ordOrderDetailsVoList: list
@@ -528,8 +527,7 @@
// console.log("resp", resp); // console.log("resp", resp);
this.$pay(resp) this.$pay(resp)
}).catch(e => { }).catch(e => {})
})
}, },
@@ -624,7 +622,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
/* 这里注意，影响弹窗 */ /* 这里注意，影响弹窗 */
height: calc(100vh - 120px - 50vw);
background-color: #f7f7f7; background-color: #f7f7f7;
border-radius: 15px; border-radius: 15px;
overflow: hidden; overflow: hidden;
@@ -649,6 +646,7 @@
padding-top: 7px; padding-top: 7px;
padding-bottom: 7px; padding-bottom: 7px;
margin-left: 5px; margin-left: 5px;
margin-right: 5px;
} }
.label2 { .label2 {
@@ -664,6 +662,7 @@
font-weight: bold; font-weight: bold;
border-radius: 20px; border-radius: 20px;
margin-left: 5px; margin-left: 5px;
margin-right: 5px;
} }
.top_img1 { .top_img1 {
@@ -680,7 +679,7 @@
color: #fff; color: #fff;
font-weight: 800; font-weight: 800;
font-family: sans-serif; font-family: sans-serif;
padding: 5px 16px; padding: 5px 12px;
border-radius: 5px; border-radius: 5px;
margin-top: -25px; margin-top: -25px;
font-size: 13px; font-size: 13px;
@@ -693,7 +692,7 @@
background: #fff; background: #fff;
color: #F6894B; color: #F6894B;
font-weight: 800; font-weight: 800;
padding: 5px 16px; padding: 5px 12px;
font-family: sans-serif; font-family: sans-serif;
border-radius: 5px; border-radius: 5px;
margin-top: -25px; margin-top: -25px;