Skip to content

J
jd-vx-app
Commit fdce6d23 authored by lijiongliang's avatar lijiongliang
Browse files
Options

首页页面优化

parent 2cd16a63
Hide whitespace changes
Inline Side-by-side
Showing with 28 additions and 14 deletions
pages/home-new.vue
View file @ fdce6d23
......@@ -15,15 +15,25 @@
<view class="banner">
<view class="banner-img">
<image src="http://jdnc-oss.uzosp.com/2022/05/31/2260b529e99a472fbe3b6ba33f7987f5.png"></image>
<view class="left" @click="goJdShop(1)"></view>
<view class="right" @click="goJdShop(2)"></view>
<image src="http://jdnc-oss.uzosp.com/2022/06/13/f70fc82ad7ef4c1bb653c77abe396e6d.png"></image>
<view class="left" @click="goJdShop(1)">
<view class="banner-btn">
<image src="../static/index/ban-btn.png"></image>
<text>立即购买</text>
</view>
</view>
<view class="right" @click="goJdShop(2)">
<view class="banner-btn">
<image src="../static/index/ban-btn.png"></image>
<text>立即购买</text>
</view>
</view>
</view>
<u-gap bgColor="transparent" height="20"></u-gap>
<view class="banner-btn">
<!-- <view class="banner-btn">
<image src="../static/index/ban-btn.png"></image>
<text>限时领取</text>
</view>
</view> -->
</view>
<u-gap bgColor="transparent" height="15"></u-gap>
......@@ -381,7 +391,7 @@
}
}
.banner-img{
width: 690rpx ;height:262rpx;
width: 690rpx ;height:344rpx;
box-sizing: border-box;
padding:0 110rpx;
display:flex;
......@@ -392,15 +402,19 @@
.right{
width: 220rpx;height:220rpx;
}
>view{
.banner-btn{
width:100%;height:62rpx;
font-weight: bold;
color: #1F335A;
top:240rpx;
font-size: 30rpx;
text-align: center;
line-height:62rpx;
}
}
}
.banner-btn{
width:511rpx;height:98rpx;
font-weight: bold;
color: #1F335A;
font-size: 34rpx;
text-align: center;
line-height:84rpx;
}
}
.bg-img{
......
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