UI修改.
This commit is contained in:
parent
77232bc303
commit
50564cdd25
|
|
@ -255,7 +255,7 @@ export default {
|
|||
}
|
||||
|
||||
.checkbox-text {
|
||||
color: #d3d3d3;
|
||||
color: #FFFFFF;
|
||||
font-size: 20rpx;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -253,7 +253,7 @@ export default {
|
|||
}
|
||||
|
||||
.btn {
|
||||
width: 120rpx;
|
||||
width: 128rpx;
|
||||
height: 68rpx;
|
||||
position: relative;
|
||||
margin: 0 12rpx;
|
||||
|
|
|
|||
|
|
@ -23,8 +23,7 @@
|
|||
<view class="ml30">倒计时:{{ secNum }}S</view>
|
||||
</view>
|
||||
|
||||
<view class="header-title center"
|
||||
:style="{ background: 'url(' + $img1('common/chouTitle.png') + ') no-repeat 0 0 / 100% 100%', }">
|
||||
<view class="header-title center">
|
||||
<text>
|
||||
<template></template>
|
||||
</text>
|
||||
|
|
@ -761,7 +760,7 @@
|
|||
background-color: #F3F3F3;
|
||||
|
||||
.header {
|
||||
width: 750rpx;
|
||||
width: 100%;
|
||||
height: 722rpx;
|
||||
// margin-top: 130rpx;
|
||||
background-color: #d8d8d8;
|
||||
|
|
@ -777,13 +776,14 @@
|
|||
&-goodsTitel {
|
||||
position: absolute;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
font-size: 32rpx;
|
||||
width: 100%;
|
||||
color: #ffffff;
|
||||
left: 50%;
|
||||
text-align: center;
|
||||
transform: translateX(-50%);
|
||||
bottom: 24rpx;
|
||||
bottom: 130rpx;
|
||||
z-index: 2;
|
||||
// text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
|
||||
}
|
||||
|
||||
&-suoxiang {
|
||||
|
|
@ -825,11 +825,13 @@
|
|||
&-title {
|
||||
position: absolute;
|
||||
padding: 0 20rpx;
|
||||
width: 280rpx;
|
||||
height: 44rpx;
|
||||
width: 298.8rpx;
|
||||
height: 60.16rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 78rpx;
|
||||
background-color: #FFF33E;
|
||||
bottom: 54rpx;
|
||||
border-radius: 10rpx;
|
||||
z-index: 10;
|
||||
|
||||
>text:nth-child(2n + 1) {
|
||||
|
|
|
|||
|
|
@ -24,10 +24,9 @@
|
|||
style="width: 88rpx; height: 88rpx; background-color: #1e88e5; position: absolute; border-radius: 50%; left: 0rpx;">
|
||||
|
||||
</view>
|
||||
<view class=""
|
||||
style="width: 84rpx; height: 94rpx; background-color: #1e88e5; position: absolute; right: 0rpx;">
|
||||
|
||||
</view>
|
||||
<image class="" :src="$img1('common/reward_notice.png')"
|
||||
style="width: 84rpx; height: 94rpx; position: absolute; right: 0rpx;">
|
||||
</image>
|
||||
<view class="row"
|
||||
style="width: 566rpx; height: 72rpx; background: radial-gradient(circle at center, #FFE95B 0%, #FFC402 100%);">
|
||||
|
||||
|
|
@ -63,7 +62,7 @@
|
|||
:src="$img1('/image/a6548-pw1cx.webp')"></image> -->
|
||||
<text style="color: black; font-weight: 600; margin-bottom: 20rpx">今日推荐</text>
|
||||
<view class="flex row align-center"
|
||||
style="width: 100%; height: 230rpx; justify-content: space-between; overflow: auto;">
|
||||
style="width: 100%; height: 260rpx; padding: 20rpx 15rpx; box-sizing: border-box; justify-content: space-between; overflow-x: auto; overflow-y: visible;">
|
||||
<view v-for="(item, index) in tuijian" class="recommend_item" :key="index">
|
||||
<image class="" style="width: 200rpx; height: 200rpx; border-radius: 10rpx" :src="item.imgurl"
|
||||
@click="$c.navTo(item, index)"></image>
|
||||
|
|
@ -418,6 +417,8 @@
|
|||
background-color: gray;
|
||||
margin-right: 40rpx;
|
||||
border-radius: 10rpx;
|
||||
// 今日推荐条目四周阴影
|
||||
box-shadow: 0 0 15rpx 2rpx rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.navLeft {
|
||||
|
|
@ -831,6 +832,7 @@
|
|||
position: relative;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 0 15rpx 3rpx rgba(0, 0, 0, 0.2);
|
||||
// background: url($imgurl+'common/goodsBg.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
.image1 {
|
||||
|
|
@ -1119,16 +1121,4 @@
|
|||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.group-fixed1 {
|
||||
// 删除此样式
|
||||
}
|
||||
|
||||
.pop-ball {
|
||||
// 删除此样式
|
||||
}
|
||||
|
||||
.pop-ball-close {
|
||||
// 删除此样式
|
||||
}
|
||||
</style>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<view class="form-label">ID:</view>
|
||||
<view class="form-label">UID:</view>
|
||||
<view class="form-input">
|
||||
<input disabled :value="uid" />
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user