样式修改

This commit is contained in:
kbing1981 2024-06-26 10:19:28 +08:00
parent 5bfa71a2ee
commit d21f169776
9 changed files with 53 additions and 47 deletions

View File

@ -51,7 +51,7 @@
</view>
<view class="star-technician width">
<view class="star-technician-mian">
<liu-goods-swiper :goodsList="starTechnician" :imgWidth="160" :imgHeight="170" @clickItem="chooseItem" @cancellable='false'></liu-goods-swiper>
<liu-goods-swiper :goodsList="starTechnician" :imgWidth="160" :imgHeight="180" @clickItem="chooseItem" @cancellable='false'></liu-goods-swiper>
</view>
</view>
<view class="index-project width">
@ -988,7 +988,7 @@
}
.menu-topic-text {
font-size: 32rpx;
font-size: 28rpx;
color: #676767;
padding: 10rpx 40rpx;
font-weight: 500;
@ -1045,21 +1045,21 @@
.index-card-mian-biao-left,.index-card-mian-biao-right{
padding: 4px 6px;
padding: 3px 5px;
}
.index-card-mian-biao-right{
background-color:rgba(4, 184, 119, 0.12);
border-radius: 5rpx;
border-radius: 8rpx;
font-weight: 400;
font-size: 18rpx;
font-size: 20rpx;
color: #0EBE80;
margin-left: 10px;
}
.index-card-mian-biao-left{
background-color:rgba(253, 197, 128, 0.2);
border-radius: 5rpx;
border-radius: 8rpx;
font-weight: 400;
font-size: 18rpx;
font-size: 20rpx;
color: #FFA12D;
}
.index-card-mian-biao{
@ -1193,11 +1193,15 @@
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
}
.index-taocan{
margin: 15px auto 0px auto;
padding: 0 30rpx;
width: 100%;
display: flex;
flex-direction: column;
background: linear-gradient(180deg,rgba(238, 250, 246,0.6),rgba(255, 255, 255,0.9));
margin-top: 20rpx;
}
.index-fujin-jie-id{
height: 30rpx;
@ -1215,8 +1219,7 @@
}
.index-fujin-jie-name{
margin-bottom: 5px;
font-weight: bold;
font-size: 28rpx;
font-size: 26rpx;
color: #333333;
}
.index-fujin{
@ -1263,7 +1266,7 @@
flex-direction: row;
align-items: flex-end;
justify-content: center;
background: linear-gradient(4deg,rgba(0, 156, 136,0.6),rgba(0, 156, 136, 0));
background: linear-gradient(4deg,rgba(0, 156, 136,0.3),rgba(0, 156, 136, 0));
border-radius: 0px 0px 7px 7px;
position: absolute;
bottom:1px;

View File

@ -9,7 +9,7 @@
<view class="header-bottom-top">
<view class="header-bottom-title">
<view class="header-bottom-title-text">
<span>{{getList.title}}</span>
<span class="header-bold">{{getList.title}}</span>
<span class="header-bottom-title-liao">
{{getList.classifyName}}
</span>
@ -155,19 +155,19 @@
<style scoped>
.header-bottom-title-liao{
display: inline-block;
padding: 0 7px;
padding: 3px 7px;
height: 16px;
line-height: 16px;
text-align: center;
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px;
margin-left: 5px;
font-weight: bold;
font-size: 8px;
margin-left: 5px;
font-size: 11px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
}
position: absolute;
}
.detail-btn{
width:95%;
height: 92rpx;
@ -427,11 +427,11 @@
font-size: 25rpx;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx;
font-size:45.81rpx;
font-weight: bold;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
font-size: 22rpx;
}
.header-bottom-money-zhen{
display: flex;
@ -464,10 +464,12 @@
margin-left: 5px;
}
.header-bottom-title-text{
font-weight: bold;
font-size: 35rpx;
color: #13141A;
color: #13141A;
}
.header-bold{
font-weight: bold;
}
.header-bottom-title{
width: 100%;
display: flex;

View File

@ -922,7 +922,7 @@
.header-bottom-title-liao{
display: inline-block;
padding: 0 7px;
padding: 3px 7px;
height: 16px;
line-height: 16px;
text-align: center;
@ -930,10 +930,10 @@
border-radius: 7px;
margin-left: 5px;
font-weight: bold;
font-size: 8px;
font-size: 10px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
color: #fff;
}
.detail-btn{
width:95%;

View File

@ -616,8 +616,8 @@
flex-direction: column;
}
.popup-mian-view image{
width: 85rpx;
height: 83rpx;
width: 100rpx;
height: 100rpx;
}
.popup-mian-view span{
font-size: 25rpx;
@ -635,8 +635,8 @@
}
.popup-mian-view{
border-radius: 14rpx;
width: 30%;
height: 136rpx;
width: 32%;
height: 180rpx;
display: flex;
flex-direction: column;
align-items: center;
@ -656,12 +656,12 @@
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
}
.popup-mian-btn span{
width: 247rpx;
height: 77rpx;
line-height: 77rpx;
width: 260rpx;
height: 70rpx;
line-height: 70rpx;
text-align: center;
font-weight: 400;
font-size: 32rpx;
font-size: 28rpx;
color: #FFFEFE;
border-radius: 39rpx;
}
@ -678,21 +678,21 @@
width: 88%;
display: flex;
flex-direction: column;
margin: 5px auto 0px auto;
margin: 15px auto 0px auto;
}
.popup-head span:nth-child(2){
width: 50rpx;
height: 50rpx;
line-height: 19px;
line-height: 24px;
text-align: center;
font-size: 24px;
color: #15AB8D;
border-radius: 50%;
border: 3px solid #15AB8D;
border: 1px solid #15AB8D;
}
.popup-head span:nth-child(1){
font-weight: bold;
font-size: 32rpx;
font-size: 28rpx;
color: #333333;
}
.popup-head{
@ -707,9 +707,9 @@
}
.popup-content{
width: 613rpx;
height: 260px;
height: 300px;
background: #FFFFFF;
border-radius: 56rpx;
border-radius: 30rpx;
display: flex;
flex-direction: column;
}
@ -745,15 +745,15 @@
.oder-mian-qing{
width: 65px;
height: 45rpx;
line-height: 18px;
line-height: 40rpx;
text-align: center;
font-weight: 400;
font-size: 23rpx;
font-size: 20rpx;
color: #029D88;
background: #fff;
border-radius: 23rpx;
margin: 0px 5px;
border: 2px solid #029D88;
border: 1px solid #029D88;
}
.video-item{
width: 100%;
@ -827,6 +827,7 @@
.shouchang-img{
width: 45rpx;
height: 45rpx;
margin-top: 3px;
}
.xiangmu-cont-top-left{
font-weight: normal;
@ -961,7 +962,7 @@
}
.oder-foot-left-view span{
font-weight: 400;
font-size: 16rpx;
font-size: 18rpx;
color: #029D88;
margin-left: 3px;
}
@ -994,15 +995,15 @@
align-items: center;
}
.oder-foot{
width: 92%;
width: 100%;
margin: 0 auto;
padding: 8px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background-color: rgba(238, 238, 238, 0.39);
border-radius: 10rpx;
}
}
.oder-mian-jin{
font-size: 18rpx;
color: #FFFFFF;
@ -1049,7 +1050,7 @@
}
.oder-mian{
width: 100%;
margin-top: 15px;
margin-top: 3px;
display: flex;
flex-direction: row;
align-items: center;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 39 KiB

View File

@ -360,7 +360,7 @@
transition-property: background-color, color;
height: 40px;
line-height: 40px;
font-size: 32rpx;
font-size: 28rpx;
color: #000000;
transition-duration: 0.5s;
// padding: 0px 30px;