页面修改
This commit is contained in:
parent
8f93e021c7
commit
6534f0f61d
|
@ -157,7 +157,7 @@
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.header-fubz{
|
.header-fubz{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #039d88;
|
color: #029c88;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.header-bottom-title-liao{
|
.header-bottom-title-liao{
|
||||||
|
@ -184,7 +184,7 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 38rpx;
|
font-size: 32rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.detail-foot-mian-txet span:nth-child(1){
|
.detail-foot-mian-txet span:nth-child(1){
|
||||||
|
@ -370,16 +370,16 @@
|
||||||
height: 29.86rpx;
|
height: 29.86rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img1{
|
.header-bottom-foot-view-img1{
|
||||||
width: 22.92rpx;
|
width: 30rpx;
|
||||||
height: 17.36rpx;
|
height: 30rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img2{
|
.header-bottom-foot-view-img2{
|
||||||
width: 16.67rpx;
|
width: 23rpx;
|
||||||
height: 16.67rpx;
|
height: 23rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view-img3{
|
.header-bottom-foot-view-img3{
|
||||||
width: 15.97rpx;
|
width: 26rpx;
|
||||||
height: 18.06rpx;
|
height: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view image{
|
.header-bottom-foot-view image{
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
@ -389,14 +389,14 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 1px 12px;
|
padding: 1px 10px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
background-color: rgba(230, 246, 243, 1);
|
background-color: rgba(230, 246, 243, 1);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #08a28a;
|
color: #029c88;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-title{
|
.header-bottom-foot-title{
|
||||||
width:100%;
|
width:100%;
|
||||||
|
@ -423,7 +423,6 @@
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
.header-bottom-money-jia{
|
||||||
font-weight: bold;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
|
|
|
@ -1180,7 +1180,6 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
.header-bottom-money-jia{
|
||||||
font-weight: bold;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #848484;
|
color: #848484;
|
||||||
line-height: 37rpx;
|
line-height: 37rpx;
|
||||||
|
|
|
@ -40,6 +40,7 @@
|
||||||
<span>¥</span>
|
<span>¥</span>
|
||||||
<span>{{item.price}}</span>
|
<span>{{item.price}}</span>
|
||||||
<span>/元套</span>
|
<span>/元套</span>
|
||||||
|
<span>¥</span>
|
||||||
<span>{{item.oldPrice}}</span>
|
<span>{{item.oldPrice}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="item-view-bottom-btn">
|
<view class="item-view-bottom-btn">
|
||||||
|
@ -159,15 +160,14 @@
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.header-bottom-title-liao{
|
.header-bottom-title-liao{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 7px;
|
padding: 1px 10px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
font-weight: bold;
|
font-size: 10px;
|
||||||
font-size: 8px;
|
|
||||||
border-top-left-radius: 20px;
|
border-top-left-radius: 20px;
|
||||||
border-bottom-right-radius: 20px;
|
border-bottom-right-radius: 20px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -197,12 +197,16 @@
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.item-view-bottom-qian span:nth-child(4){
|
.item-view-bottom-qian span:nth-child(4){
|
||||||
font-weight: bold;
|
font-size: 24rpx;
|
||||||
font-size: 31rpx;
|
|
||||||
color: #848484;
|
color: #848484;
|
||||||
text-decoration-line: line-through;
|
text-decoration-line: line-through;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
.item-view-bottom-qian span:nth-child(5){
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #848484;
|
||||||
|
text-decoration-line: line-through;
|
||||||
|
}
|
||||||
.item-view-bottom-qian span:nth-child(1){
|
.item-view-bottom-qian span:nth-child(1){
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 25rpx;
|
font-size: 25rpx;
|
||||||
|
@ -215,7 +219,7 @@
|
||||||
}
|
}
|
||||||
.item-view-bottom-qian span:nth-child(3){
|
.item-view-bottom-qian span:nth-child(3){
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 25rpx;
|
font-size: 23rpx;
|
||||||
color: #F95900;
|
color: #F95900;
|
||||||
}
|
}
|
||||||
.item-view-bottom{
|
.item-view-bottom{
|
||||||
|
@ -226,10 +230,9 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.item-view-jianjie{
|
.item-view-jianjie{
|
||||||
font-weight: 400;
|
font-size: 24rpx;
|
||||||
font-size: 22rpx;
|
color: #999;
|
||||||
color: #848484;
|
margin:12px 0px;
|
||||||
margin:5px 0px;
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
|
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
|
||||||
|
@ -273,7 +276,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 33rpx;
|
font-size: 30rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -317,16 +320,16 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
width: 100%;
|
width: 96%;
|
||||||
|
margin: 12px auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
height: 140px;
|
height: 140px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 21rpx;
|
border-radius: 21rpx;
|
||||||
margin-top:20px;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0px 5px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-detail {
|
.item-detail {
|
||||||
|
@ -422,7 +425,7 @@
|
||||||
}
|
}
|
||||||
.service-head-top-left span{
|
.service-head-top-left span{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 44rpx;
|
font-size: 30rpx;
|
||||||
color: #171717;
|
color: #171717;
|
||||||
}
|
}
|
||||||
.service-head-top-left{
|
.service-head-top-left{
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 870 B |
Binary file not shown.
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in New Issue