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

111

master
wangjiahai 1 year ago
parent
835da2c9cd
commit
4e023185fb
1 changed files with 57 additions and 39 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 48
      pages/home/pickUpCard.vue

48
pages/home/pickUpCard.vue
View File

@ -42,8 +42,9 @@
<image src="https://supervise.yxtsoft.com/lpk/image/home_family.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_family.png" mode="aspectFill"
v-show="item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> v-show="item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" />
<image src="https://supervise.yxtsoft.com/lpk/image/home_notFamily.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_notFamily.png"
v-show="!item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> mode="aspectFill" v-show="!item.showBtn"
style="width: 50px;height: 50px;margin-right: 10px;" />
</view> </view>
<view <view
@ -73,6 +74,20 @@
{{item.state}}</text> {{item.state}}</text>
</view> </view>
<view style="height: 10px;"></view>
<view v-for="(item,index) in 1"
style="display: flex;flex-direction: row;align-items: center;width: calc(100vw - 120px);padding-top: 5px;">
<image src="../../static/tck_mx_icon.png" style="width: 9px;height: 9px;"></image>
<view
style="font-size: 11px;color: #E99D42;padding-left: 5px;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
东北大白菜东北大白菜东北大白菜东北大白菜</view>
<view style="font-size: 11px;color: #E99D42;flex-shrink: 0;margin-left: 23px;">
剩余4份/共10份</view>
<view style="font-size: 11px;color: #E99D42;flex-shrink: 0;margin-left: 23px;">5斤/份
</view>
</view>
</view> </view>
</view> </view>
@ -92,11 +107,13 @@
<!-- 礼包图标 总60px --> <!-- 礼包图标 总60px -->
<view style="flex-shrink: 0;"> <view style="flex-shrink: 0;">
<image src="https://supervise.yxtsoft.com/lpk/image/home_affection.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_affection.png"
v-show="item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> mode="aspectFill" v-show="item.showBtn"
style="width: 50px;height: 50px;margin-right: 10px;" />
<image src="https://supervise.yxtsoft.com/lpk/image/home_notAffection.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_notAffection.png"
v-show="!item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> mode="aspectFill" v-show="!item.showBtn"
style="width: 50px;height: 50px;margin-right: 10px;" />
</view> </view>
<view <view
@ -146,11 +163,13 @@
<!-- 礼包图标 总60px --> <!-- 礼包图标 总60px -->
<view style="flex-shrink: 0;"> <view style="flex-shrink: 0;">
<image src="https://supervise.yxtsoft.com/lpk/image/home_enterprise.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_enterprise.png"
v-show="item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> mode="aspectFill" v-show="item.showBtn"
style="width: 50px;height: 50px;margin-right: 10px;" />
<image src="https://supervise.yxtsoft.com/lpk/image/home_notEnterprise.png" mode="aspectFill" <image src="https://supervise.yxtsoft.com/lpk/image/home_notEnterprise.png"
v-show="!item.showBtn" style="width: 50px;height: 50px;margin-right: 10px;" /> mode="aspectFill" v-show="!item.showBtn"
style="width: 50px;height: 50px;margin-right: 10px;" />
</view> </view>
<view <view
@ -353,12 +372,11 @@
} }
.item { .item {
/* 加载背景图 */
background-image: url(https://supervise.yxtsoft.com/lpk/image/home_itemBj_family.png);
/* 让背景图基于容器大小伸缩 */
background-size: 100% 100%;
width: calc(100% - 5px); width: calc(100% - 5px);
border-radius: 8px;
background-color: rgba(255, 251, 248, 1);
color: rgba(16, 16, 16, 1);
box-shadow: 2px 3px 6px 0px rgba(238, 117, 47, 0.15);
} }
.item2 { .item2 {

Write Preview
Loading…
Cancel
Save