sdz/jobslink-user-clent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flat: style更新

Browse Source
This commit is contained in:
Apcallover
2024-02-20 14:18:41 +08:00
parent b2d4b732fd
commit 82c92abd2a
1 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
pages/market/market.vue
View File

@@ -6,8 +6,8 @@
<view class="left_title">在石家庄开设</view>
<view class="left_content">
<view class="content_item" v-for="(item,i) in 3" :key="i">
<view class="item_up">10</view>
<view class="item_down">分市场</view>
<view class="fs_28">10</view>
<view class="fs_24">分市场</view>
</view>
</view>
</view>
@@ -41,6 +41,14 @@
<view class="row blod fs_34">关于市场</view>
<view class="row color_666 fs_30">.......</view>
</view>
<view class="container_chioe">
<view class="chioe_share color_666 fs_24">
<u-icon name="share" color="#666666" size="16"></u-icon>分享
</view>
<view class="chioe_btn">电话咨询</view>
<view class="chioe_btn btn_Blue">到这去</view>
</view>
</view>
</template>
@@ -99,9 +107,7 @@ image{
display: flex;
align-items: flex-start;
flex-direction: column;
.left_title{
}
.left_title{}
.left_content{
height: designTo(87rpx);
width: designTo(313rpx);
@@ -115,12 +121,6 @@ image{
.content_item{
text-align: center;
white-space: nowrap;
.item_up{
font-size: 28rpx;
}
.item_down{
font-size: 24rpx;
}
}
}
}
@@ -164,5 +164,36 @@ image{
background-color: #f3f4f8;
}
}
.container_chioe{
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
align-items: center;
background-color: #FFFFFF;
height: designTo(108rpx);
padding: 0 28rpx designTo(30rpx) 28rpx;
.chioe_share{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.chioe_btn{
color: #FFFFFF;
background: linear-gradient(to right, #fbaf1a, #fbaf1a);
height: designTo(66rpx);
width: designTo(228rpx);
text-align: center;
line-height: designTo(66rpx);
border-radius: designTo(33rpx);
}
.btn_Blue{
background: linear-gradient(to right, #95aefb, #4b74f7);
}
}
}
</style>