修改样式

This commit is contained in:
kbing1981 2024-06-28 15:30:12 +08:00
parent cfc6abe25c
commit 50756556dd
2 changed files with 32 additions and 30 deletions

View File

@ -7,15 +7,15 @@
<view class="index-top-mian"> <view class="index-top-mian">
<view class="index-top-mian-text"> <view class="index-top-mian-text">
<image style="margin-top: 4px;" src="../../static/index-nav-1.png" mode=""></image> <image style="margin-top: 1px;" src="../../static/index-nav-1.png" mode=""></image>
<span>实名认证</span> <span>实名认证</span>
</view> </view>
<view style="margin-top: 2px;" class="index-top-mian-text"> <view class="index-top-mian-text">
<image src="../../static/index-nav-2.png" mode=""></image> <image src="../../static/index-nav-2.png" mode=""></image>
<span>资质认证</span> <span>资质认证</span>
</view> </view>
<view class="index-top-mian-text"> <view class="index-top-mian-text">
<image src="../../static/index-nav-3.png" mode=""></image> <image src="../../static/index-nav-3.png" mode="" style="width: 14px; height: 14px;"></image>
<span>平台担保</span> <span>平台担保</span>
</view> </view>
</view> </view>
@ -53,7 +53,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="180" @clickItem="chooseItem" @cancellable='false'></liu-goods-swiper> <liu-goods-swiper :goodsList="starTechnician" :imgWidth="160" :imgHeight="170" @clickItem="chooseItem" @cancellable='false' class="yuanjiao"></liu-goods-swiper>
</view> </view>
</view> </view>
<view class="index-project width"> <view class="index-project width">
@ -113,7 +113,7 @@
</view> </view>
<view class="index-fujin-title-right"> <view class="index-fujin-title-right">
<span class="index-fujin-title-left-text" @click="gengduo">更多</span> <span class="index-fujin-title-left-text" @click="gengduo">更多</span>
<span class="index-fujin-title-left-btn">>></span> <span class="index-fujin-title-left-btn">></span>
</view> </view>
</view> </view>
<view class="index-fujin-img width"> <view class="index-fujin-img width">
@ -961,7 +961,7 @@
<style scoped> <style scoped>
/deep/.item-descr{ /deep/.item-descr{
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
margin-top: 4px; margin-top: 5px;
} }
.index-card-image{ .index-card-image{
width: 100%; width: 100%;
@ -1044,13 +1044,13 @@
} }
.swiper-item span:nth-child(1){ .swiper-item span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 29rpx;
color: #333333; color: #333333;
margin:10px 0px 0px 0px; margin:10px 11px 0px 8px;
} }
.swiper-item span:nth-child(2){ .swiper-item span:nth-child(2){
ont-weight: 400; ont-weight: 400;
font-size: 21rpx; font-size: 24rpx;
color: #999999; color: #999999;
} }
.swiper-item{ .swiper-item{
@ -1061,10 +1061,10 @@
justify-content: center; justify-content: center;
} }
.swiper-item-card{ .swiper-item-card{
width: 337rpx; width: 346rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 16rpx; margin-top: 12rpx;
} }
.swiper-back-img{ .swiper-back-img{
width: 100%; width: 100%;
@ -1103,9 +1103,9 @@
} }
.menu-topic-text { .menu-topic-text {
font-size: 28rpx; font-size: 30rpx;
color: #676767; color: #333;
padding: 10rpx 40rpx; padding: 10rpx 70rpx;
font-weight: 500; font-weight: 500;
} }
.menu-topic-bottom { .menu-topic-bottom {
@ -1308,7 +1308,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 20rpx; margin-top: 28rpx;
} }
.index-taocan{ .index-taocan{
padding: 0 30rpx; padding: 0 30rpx;
@ -1333,14 +1333,15 @@
} }
.index-fujin-jie-name{ .index-fujin-jie-name{
margin-bottom: 3px; margin-bottom: 3px;
font-size: 20rpx; font-size: 30rpx;
color: #333333; color: #333333;
font-weight: 500; font-weight: bold;
} }
.index-fujin{ .index-fujin{
width: 100%; width: 100%;
height: 290px; height: 290px;
background: linear-gradient(0deg, #fff, #F4FFFB); background: linear-gradient(0deg, #fff, #F4FFFB);
margin-top: 5rpx;
} }
.index-fujin-jie-view{ .index-fujin-jie-view{
width: 222.22rpx; width: 222.22rpx;
@ -1419,11 +1420,12 @@
} }
.index-fujin-title-left-text,.index-fujin-title-left-btn{ .index-fujin-title-left-text,.index-fujin-title-left-btn{
font-weight: 400; font-weight: 400;
font-size: 21rpx; font-size: 23rpx;
color: #878787; color: #333;
} }
.index-fujin-title-left-btn{ .index-fujin-title-left-btn{
margin-left: 10px; margin-left:8px;
margin-right: 5px;
} }
.index-fujin-title-left,.index-fujin-title-right{ .index-fujin-title-left,.index-fujin-title-right{
display: flex; display: flex;
@ -1533,11 +1535,11 @@
.star-technician{ .star-technician{
position: relative; position: relative;
margin: -14px auto 0px auto; margin: -14px auto 0px auto;
height: 280px; height: 250px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #FFFFFF; background: #FFFFFF;
border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 10px 10px;
border: 4.5px solid #049E89; border: 4.5px solid #049E89;
padding: 0px 10px; padding: 0px 10px;
} }
@ -1645,16 +1647,16 @@
.index-top-mian-text span{ .index-top-mian-text span{
color: #019c88; color: #019c88;
font-weight: 400; font-weight: 400;
margin-left: 5px; margin-left: 3px;
font-size: 13px; font-size: 12px;
} }
.index-top-mian-text image{ .index-top-mian-text image{
width: 14px; width: 30rpx;
height: 14px; height: 30rpx;
} }
.index-top{ .index-top{
width:95%; width:94%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

View File

@ -71,7 +71,7 @@
height: 90%; height: 90%;
margin-right: 10px; margin-right: 10px;
border-radius: 10px; border-radius: 10px;
margin-top: 16px; margin-top: 10px;
/* border: 4rpx solid #FFFFFF; /* border: 4rpx solid #FFFFFF;
box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4rpx 8rpx 0px rgba(0, 0, 0, 0.1);
text-align: center; */ text-align: center; */
@ -85,7 +85,7 @@
font-weight: bold; font-weight: bold;
white-space: pre-wrap; white-space: pre-wrap;
color: #333333; color: #333333;
margin-top: 10px; margin-top: 8px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
@ -101,7 +101,7 @@
line-height: 15px; line-height: 15px;
white-space: pre-wrap; white-space: pre-wrap;
color: #999999; color: #999999;
margin-top: 10px; margin-top: 11px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;