样式修改

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>
<view class="star-technician width"> <view class="star-technician width">
<view class="star-technician-mian"> <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> </view>
<view class="index-project width"> <view class="index-project width">
@ -988,7 +988,7 @@
} }
.menu-topic-text { .menu-topic-text {
font-size: 32rpx; font-size: 28rpx;
color: #676767; color: #676767;
padding: 10rpx 40rpx; padding: 10rpx 40rpx;
font-weight: 500; font-weight: 500;
@ -1045,21 +1045,21 @@
.index-card-mian-biao-left,.index-card-mian-biao-right{ .index-card-mian-biao-left,.index-card-mian-biao-right{
padding: 4px 6px; padding: 3px 5px;
} }
.index-card-mian-biao-right{ .index-card-mian-biao-right{
background-color:rgba(4, 184, 119, 0.12); background-color:rgba(4, 184, 119, 0.12);
border-radius: 5rpx; border-radius: 8rpx;
font-weight: 400; font-weight: 400;
font-size: 18rpx; font-size: 20rpx;
color: #0EBE80; color: #0EBE80;
margin-left: 10px; margin-left: 10px;
} }
.index-card-mian-biao-left{ .index-card-mian-biao-left{
background-color:rgba(253, 197, 128, 0.2); background-color:rgba(253, 197, 128, 0.2);
border-radius: 5rpx; border-radius: 8rpx;
font-weight: 400; font-weight: 400;
font-size: 18rpx; font-size: 20rpx;
color: #FFA12D; color: #FFA12D;
} }
.index-card-mian-biao{ .index-card-mian-biao{
@ -1193,11 +1193,15 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 20rpx;
} }
.index-taocan{ .index-taocan{
margin: 15px auto 0px auto; padding: 0 30rpx;
width: 100%;
display: flex; display: flex;
flex-direction: column; 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{ .index-fujin-jie-id{
height: 30rpx; height: 30rpx;
@ -1215,8 +1219,7 @@
} }
.index-fujin-jie-name{ .index-fujin-jie-name{
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold; font-size: 26rpx;
font-size: 28rpx;
color: #333333; color: #333333;
} }
.index-fujin{ .index-fujin{
@ -1263,7 +1266,7 @@
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
justify-content: center; 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; border-radius: 0px 0px 7px 7px;
position: absolute; position: absolute;
bottom:1px; bottom:1px;

View File

@ -9,7 +9,7 @@
<view class="header-bottom-top"> <view class="header-bottom-top">
<view class="header-bottom-title"> <view class="header-bottom-title">
<view class="header-bottom-title-text"> <view class="header-bottom-title-text">
<span>{{getList.title}}</span> <span class="header-bold">{{getList.title}}</span>
<span class="header-bottom-title-liao"> <span class="header-bottom-title-liao">
{{getList.classifyName}} {{getList.classifyName}}
</span> </span>
@ -155,19 +155,19 @@
<style scoped> <style scoped>
.header-bottom-title-liao{ .header-bottom-title-liao{
display: inline-block; display: inline-block;
padding: 0 7px; padding: 3px 7px;
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: 11px;
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;
} position: absolute;
}
.detail-btn{ .detail-btn{
width:95%; width:95%;
height: 92rpx; height: 92rpx;
@ -427,11 +427,11 @@
font-size: 25rpx; font-size: 25rpx;
} }
.header-bottom-money-zhen span:nth-child(2){ .header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx; font-size:45.81rpx;
font-weight: bold; font-weight: bold;
} }
.header-bottom-money-zhen span:nth-child(3){ .header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx; font-size: 22rpx;
} }
.header-bottom-money-zhen{ .header-bottom-money-zhen{
display: flex; display: flex;
@ -464,10 +464,12 @@
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-title-text{ .header-bottom-title-text{
font-weight: bold;
font-size: 35rpx; font-size: 35rpx;
color: #13141A; color: #13141A;
} }
.header-bold{
font-weight: bold;
}
.header-bottom-title{ .header-bottom-title{
width: 100%; width: 100%;
display: flex; display: flex;

View File

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

View File

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