Commit 88619ce6 authored by 张娇(东信)'s avatar 张娇(东信)

样式优化

parent cfcd13e0
...@@ -21,6 +21,24 @@ ...@@ -21,6 +21,24 @@
@change="onChange" @change="onChange"
height="512rpx" height="512rpx"
></wd-swiper> ></wd-swiper>
<view class="pre-icon">
<img
class="left-icon"
src="/static/assistingAgriculture/detail/img4.png"
style="width: 248rpx; height: 100rpx; position: relative; top: -20rpx; z-index: 99"
/>
<img
class="right-icon"
src="/static/assistingAgriculture/detail/img3.png"
style="width: 546rpx; height: 62rpx"
/>
</view>
<view class="pre-text">
<text class="left-text">预售</text>
<text class="right-text">
预计{{ dataDetails.prodPresale.presaleEndTime.split(' ')[0] }}发货
</text>
</view>
</view> </view>
<view class="countDown"> <view class="countDown">
...@@ -310,11 +328,12 @@ page { ...@@ -310,11 +328,12 @@ page {
} }
.pre-icon { .pre-icon {
display: flex; display: flex;
margin-top: -108rpx; margin-top: -60rpx;
} }
.right-icon { .right-icon {
margin-left: -20px; margin-left: -40rpx;
margin-top: 19px; margin-top: 18rpx;
z-index: 9;
} }
.left-text { .left-text {
position: relative; position: relative;
...@@ -329,8 +348,9 @@ page { ...@@ -329,8 +348,9 @@ page {
font-feature-settings: 'kern' on; font-feature-settings: 'kern' on;
color: #ffffff; color: #ffffff;
margin-left: 80rpx; margin-left: 80rpx;
margin-top: -70rpx; margin-top: -80rpx;
display: block; display: block;
z-index: 99;
} }
.right-text { .right-text {
left: -60rpx; left: -60rpx;
...@@ -347,6 +367,7 @@ page { ...@@ -347,6 +367,7 @@ page {
color: #ffffff; color: #ffffff;
float: right; float: right;
margin-top: -30rpx; margin-top: -30rpx;
z-index: 99;
} }
.detail { .detail {
width: 750rpx; width: 750rpx;
...@@ -535,6 +556,7 @@ page { ...@@ -535,6 +556,7 @@ page {
} }
.countDown { .countDown {
height: 122rpx; height: 122rpx;
margin-top: 12rpx;
} }
.count-info { .count-info {
position: absolute; position: absolute;
......
...@@ -449,6 +449,7 @@ page { ...@@ -449,6 +449,7 @@ page {
width: 360rpx; width: 360rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 442rpx;
} }
.wt-item { .wt-item {
...@@ -468,18 +469,18 @@ page { ...@@ -468,18 +469,18 @@ page {
padding: 10rpx 10rpx; padding: 10rpx 10rpx;
border-radius: 0 0 08px 8px; border-radius: 0 0 08px 8px;
margin-top: -80rpx; margin-top: -80rpx;
width: 320rpx;
} }
.title { .title {
color: #303133; color: #303133;
font-size: 28rpx; font-size: 28rpx;
font-weight: normal; display: -webkit-box;
color: #666666;
height: 30rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; -webkit-line-clamp: 2;
letter-spacing: 0em; -webkit-box-orient: vertical;
word-break: break-all;
line-height: 1.2;
max-height: 2.4em;
} }
.introduce-section .tags-box { .introduce-section .tags-box {
......
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