Skip to content

G
groupPurchase-miniapp
Commit b1f3ccf1 authored by 张娇（东信）'s avatar 张娇（东信）
Browse files
Options

预售页面优化

parent 7626514e
Hide whitespace changes
Inline Side-by-side
Showing with 35 additions and 17 deletions
src/pages/assistingAgriculture/index/index.vue
View file @ b1f3ccf1
...@@ -335,7 +335,8 @@ page { ...@@ -335,7 +335,8 @@ page {
.env { .env {
width: 750rpx; width: 750rpx;
height: 48rpx; height: 48rpx;
background: linear-gradient(94deg, #82ce8b 0%, rgba(255, 255, 255, 0) 97%); background: rgba(255, 255, 255, 0.005);
backdrop-filter: blur(20rpx);
position: absolute; position: absolute;
margin-top: -60rpx; margin-top: -60rpx;
z-index: 999; z-index: 999;
......
src/pages/assistingAgriculture/index/presale.vue
View file @ b1f3ccf1
...@@ -64,23 +64,26 @@ ...@@ -64,23 +64,26 @@
:src="item.img" :src="item.img"
style="width: 670rpx; height: 670rpx; border-radius: 16rpx" style="width: 670rpx; height: 670rpx; border-radius: 16rpx"
/> />
<view> <view class="bac">
<text class="retail-price">零售价：￥{{ item.price }}/盒</text> <text class="retail-price">零售价：￥{{ item.price }}/盒</text>
<text class="presale-price">预售价：￥{{ item.oriPrice }}/盒</text> <text class="presale-price">
</view> 预售价：￥
<view> <text class="highlight-price">{{ item.oriPrice }}</text>
<img /盒
class="buy-img" </text>
src="/static/assistingAgriculture/presale/img6.png" <view>
style=" <img
position: sticky; class="buy-img"
width: 284rpx; src="/static/assistingAgriculture/presale/img6.png"
height: 128rpx; style="
float: right; position: sticky;
margin-top: -80rpx; width: 284rpx;
margin-right: 16rpx; height: 128rpx;
" float: right;
/> margin-top: -114rpx;
"
/>
</view>
</view> </view>
</view> </view>
<wd-status-tip image="content" tip="暂无数据" v-if="buyList.length === 0" /> <wd-status-tip image="content" tip="暂无数据" v-if="buyList.length === 0" />
...@@ -393,6 +396,7 @@ page { ...@@ -393,6 +396,7 @@ page {
font-variation-settings: 'opsz' auto; font-variation-settings: 'opsz' auto;
font-feature-settings: 'kern' on; font-feature-settings: 'kern' on;
color: #b3b3b3; color: #b3b3b3;
padding-top: 60rpx;
} }
.presale-price { .presale-price {
display: block; display: block;
...@@ -531,4 +535,17 @@ page { ...@@ -531,4 +535,17 @@ page {
color: #ffffff; color: #ffffff;
} }
} }
.bac {
width: 670rpx;
height: 160rpx;
border-radius: 16rpx;
background: rgba(0, 0, 0, 0.4);
position: relative;
margin-left: 20rpx;
top: -44rpx;
}
.highlight-price {
color: red;
font-size: 44rpx;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment