wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页与新品首发

Browse Source
main
shuxiaoquan 10 months ago
parent 8d530aecb0
commit 3ce7fa0ac6
2 changed files with 62 additions and 69 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 99
      pages/activity/newGoods.vue
  2. 32
      pages/index/index.vue

99
pages/activity/newGoods.vue
Unescape View File

@ -14,25 +14,26 @@
<view class="item"> <view class="item">
<view class="goodsInfo"> <view class="goodsInfo">
<view class="goodsDetail"> <view class="goodsDetail">
<view class="infoRight">
<image :src="item.goods_image" mode="widthFix" class="infoImg"></image>
</view>
<view class="infoLeft"> <view class="infoLeft">
<view class="gName"> <view class="gName">
{{item.goods_name}} {{item.goods_name}}
</view> </view>
<view class="gd"> <!-- <view class="gd">
{{item.selling_point}} {{item.selling_point}}
</view> -->
<view class="price">
<view class="lowPrice">
￥{{item.goods_price_min?Number(item.goods_price_min):''}}起
</view>
<view class="buyNow">
立即购买
</view>
</view> </view>
</view> </view>
<view class="infoRight">
<image :src="item.goods_image" mode="widthFix" class="infoImg"></image>
</view>
</view>
<view class="price">
<view class="lowPrice">
￥{{item.goods_price_min?Number(item.goods_price_min):''}}起
</view>
<view class="buyNow">
立即购买
</view>
</view> </view>
</view> </view>
</view> </view>
@ -294,16 +295,16 @@
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
position: relative; position: relative;
align-items: flex-start;
.infoLeft { .infoLeft {
flex: 1;
margin-top: 20rpx;
.gName { .gName {
margin-bottom: 15rpx; margin-bottom: 15rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; -webkit-line-clamp: 2;
white-space: nowrap;
-webkit-line-clamp: 1;
max-width: 300rpx; max-width: 300rpx;
height: 56rpx; height: 112rpx;
font-size: 40rpx; font-size: 40rpx;
font-weight: 600; font-weight: 600;
color: #3F3F3F; color: #3F3F3F;
@ -311,62 +312,54 @@
margin-top: 32rpx; margin-top: 32rpx;
} }
.gd { // .gd {
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // -webkit-line-clamp: 2;
white-space: nowrap; // height: 88rpx;
-webkit-line-clamp: 2; // font-size: 32rpx;
max-width: 350rpx; // font-weight: 400;
height: 88rpx; // color: #9F9F9F;
font-size: 32rpx; // line-height: 44rpx;
font-family: PingFang SC, PingFang SC; // }
font-weight: 400;
color: #9F9F9F; // .gp {
line-height: 44rpx; // height: 44rpx;
} // font-size: 32rpx;
// font-family: PingFang SC, PingFang SC;
.gp { // font-weight: 400;
height: 44rpx; // color: #DE041C;
font-size: 32rpx; // line-height: 38rpx;
font-family: PingFang SC, PingFang SC; // }
font-weight: 400;
color: #DE041C;
line-height: 38rpx;
}
} }
.infoRight { .infoRight {
width: 290rpx; width: 220rpx;
height: 290rpx; height: 220rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
opacity: 1; margin-right: 14rpx;
margin-left: 14rpx; display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 40rpx;
.infoImg { .infoImg {
width: 290rpx; width: 200rpx;
height: 290rpx; height: 200rpx;
} }
position: absolute;
top: -68rpx;
right: 20rpx;
} }
} }
.price { .price {
display: flex; display: flex;
justify-content: flex-end; justify-content: space-between;
margin-top: 50rpx; margin-top: 50rpx;
margin-right: 30rpx; margin-right: 30rpx;
.lowPrice { .lowPrice {
height: 50rpx; height: 50rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 600; font-weight: 600;
color: #DE041C; color: #DE041C;
line-height: 50rpx; line-height: 50rpx;
margin-right: 20rpx;
} }
.buyNow { .buyNow {

32
pages/index/index.vue
Unescape View File

@ -1153,7 +1153,7 @@
position: absolute; position: absolute;
z-index: 9; z-index: 9;
text-align: center; text-align: center;
font-size: 28rpx; font-size: 29rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
@ -1185,7 +1185,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #F3202A; background-color: #F3202A;
font-size: 24rpx; font-size: 25rpx;
color: #fff; color: #fff;
top: -10rpx; top: -10rpx;
right: -10rpx; right: -10rpx;
@ -1207,7 +1207,7 @@
margin-right: 30rpx; margin-right: 30rpx;
position: relative; position: relative;
display: inline-block; display: inline-block;
font-size: 28rpx; font-size: 29rpx;
font-weight: 400; font-weight: 400;
padding: 0 20rpx; padding: 0 20rpx;
color: #282828; color: #282828;
@ -1274,7 +1274,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 30rpx; margin-top: 30rpx;
font-size: 22rpx; font-size: 23rpx;
font-weight: 400; font-weight: 400;
color: #7D7D7D; color: #7D7D7D;
} }
@ -1299,7 +1299,7 @@
} }
text { text {
font-size: 24rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #5A5A5A; color: #5A5A5A;
margin-top: 10rpx; margin-top: 10rpx;
@ -1350,7 +1350,7 @@
text:nth-child(2) { text:nth-child(2) {
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 25rpx;
color: #FFFFFF; color: #FFFFFF;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
@ -1382,7 +1382,7 @@
} }
text { text {
font-size: 24rpx; font-size: 25rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
@ -1450,7 +1450,7 @@
background: linear-gradient(180deg, #FF1C75 0%, #FF470D 100%); background: linear-gradient(180deg, #FF1C75 0%, #FF470D 100%);
border-radius: 28px 28px 28px 28px; border-radius: 28px 28px 28px 28px;
opacity: 1; opacity: 1;
font-size: 24rpx; font-size: 25rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
@ -1506,7 +1506,7 @@
position: absolute; position: absolute;
// width:100%; // width:100%;
text-align: center; text-align: center;
font-size: 24rpx; font-size: 25rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 500; font-weight: 500;
color: #8C4D00; color: #8C4D00;
@ -1559,19 +1559,19 @@
height: 34rpx; height: 34rpx;
line-height: 34rpx; line-height: 34rpx;
width: 90%; width: 90%;
font-size: 20rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
text { text {
font-size: 16rpx; font-size: 24rpx;
} }
} }
} }
.name { .name {
font-size: 20rpx; font-size: 21rpx;
font-weight: 400; font-weight: 400;
line-height: 50rpx; line-height: 50rpx;
color: #505050; color: #505050;
@ -1579,7 +1579,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 10rpx; margin-top: 10rpx;font-size: 24rpx;
} }
} }
@ -1597,7 +1597,7 @@
position: relative; position: relative;
.more { .more {
font-size: 20rpx; font-size: 21rpx;
font-weight: 400; font-weight: 400;
color: #8C4D00; color: #8C4D00;
position: absolute; position: absolute;
@ -1632,7 +1632,7 @@
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
background-color: #FF4D4D; background-color: #FF4D4D;
font-size: 24rpx; font-size: 25rpx;
color: #FFFFFF; color: #FFFFFF;
border-radius: 6rpx; border-radius: 6rpx;
} }
@ -1785,7 +1785,7 @@
height: 34rpx; height: 34rpx;
line-height: 34rpx; line-height: 34rpx;
width: 90%; width: 90%;
font-size: 20rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;

Write Preview
Loading…
Cancel
Save