yxt_product
/
yxt-yythmall-ui-miniprogram
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

111

master
wong1988 1 year ago
parent
b06089e7e7
commit
90b02d8004
1 changed files with 121 additions and 122 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      pages/home/cloudCard2.vue

71
pages/home/cloudCard2.vue
View File

@ -3,21 +3,23 @@
<view
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"
:end-change-height="page.endHeight">
</NavBar>
<loading-state ref="pageView" @request="request" style="z-index: 2;">
</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
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 v-for="(item,index) in data.typeVos" @click="labelClick(index,item)"
@ -29,7 +31,7 @@
</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;">
@ -57,8 +59,9 @@
<view style="display: flex;flex-direction: row;align-items: center;width: 100%; ">
<image :src="item.iconUrl" style="width: 90px;height: 90px; border-radius: 10px; "
mode="aspectFill" @click="itemClick(item.goodsSid)"></image>
<image :src="item.iconUrl"
style="width: 90px;height: 90px; border-radius: 10px; " mode="aspectFill"
@click="itemClick(item.goodsSid)"></image>
<view
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;
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;">
<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
style="font-size: 14px;margin-left: 8px;margin-right: 8px;">{{item.goodsNumber}}</text>
<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>
@ -111,32 +117,22 @@
<view class="bottom">
<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 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
style="color: #FF5006;font-size: 15px;height: 15px;line-height: 15px;font-weight: bold;">
{{page.weight}}斤
</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>
<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
style="color: #6190D8;font-size: 10px;height: 10px;line-height: 10px;margin-top: 5px;text-decoration:underline;font-style:oblique;">
起订说明</text>
@ -176,6 +172,9 @@
</view>
</view>
</loading-state>
@ -528,8 +527,7 @@
// console.log("resp", resp);
this.$pay(resp)
}).catch(e => {
})
}).catch(e => {})
},
@ -624,7 +622,6 @@
display: flex;
flex-direction: row;
/* 这里注意，影响弹窗 */
height: calc(100vh - 120px - 50vw);
background-color: #f7f7f7;
border-radius: 15px;
overflow: hidden;
@ -649,6 +646,7 @@
padding-top: 7px;
padding-bottom: 7px;
margin-left: 5px;
margin-right: 5px;
}
.label2 {
@ -664,6 +662,7 @@
font-weight: bold;
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
}
.top_img1 {
@ -680,7 +679,7 @@
color: #fff;
font-weight: 800;
font-family: sans-serif;
padding: 5px 16px;
padding: 5px 12px;
border-radius: 5px;
margin-top: -25px;
font-size: 13px;
@ -693,7 +692,7 @@
background: #fff;
color: #F6894B;
font-weight: 800;
padding: 5px 16px;
padding: 5px 12px;
font-family: sans-serif;
border-radius: 5px;
margin-top: -25px;

Write Preview
Loading…
Cancel
Save