页面修改

This commit is contained in:
kbing1981 2024-06-26 19:23:26 +08:00
parent 9398520b87
commit 4d7392c582
3 changed files with 30 additions and 27 deletions

View File

@ -553,17 +553,17 @@
.my-use-list-text{ .my-use-list-text{
color: #6C6C6C; color: #6C6C6C;
margin-top: 3px; margin-top: 5px;
font-size: 12px; font-size: 14px;
} }
.my-use-list image{ .my-use-list image{
width: 62rpx; width: 70rpx;
height: 62rpx; height: 70rpx;
} }
.my-use{ .my-use{
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 16px; padding: 12px 14px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0px auto 10px auto; margin: 0px auto 10px auto;
@ -577,8 +577,8 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.my-serve-view{ .my-serve-view{
width: 90%; width: 86%;
margin: 15px auto; margin: 16px auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -598,13 +598,13 @@
justify-content: center; justify-content: center;
} }
.my-serve-list image{ .my-serve-list image{
width: 80rpx; width: 90rpx;
height: 80rpx; height: 90rpx;
} }
.my-serve-list-text{ .my-serve-list-text{
color: #6C6C6C; color: #6C6C6C;
margin-top: 5px; margin-top: 5px;
font-size: 24rpx;; font-size: 26rpx;;
} }
.my-serve-title,.my-use-title{ .my-serve-title,.my-use-title{
@ -612,7 +612,8 @@
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 30rpx;
color: #333333; color: #333333;
margin-left: 5px; margin-left: 8px;
margin-top: 5px;
} }
.width{ .width{
width: 94%; width: 94%;
@ -630,7 +631,7 @@
height: 260rpx; height: 260rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 16px; padding: 12px 14px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -646,7 +647,7 @@
height: 95rpx; height: 95rpx;
} }
.my-head-mian-bottom-list-text{ .my-head-mian-bottom-list-text{
font-size: 24rpx; font-size: 26rpx;
color: #6C6C6C; color: #6C6C6C;
} }
.my-head-mian-bottom-list{ .my-head-mian-bottom-list{
@ -679,10 +680,10 @@
.my-head-mian-top-view-chong{ .my-head-mian-top-view-chong{
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
color: #fff; color: #fff;
margin: 0px 5px; margin: 2px 8px;
} }
.my-head-mian-top-view-ming{ .my-head-mian-top-view-ming{
background: #F5F7FB; background: #efefef;
color: #333; color: #333;
} }
.my-head-mian-top-view-qian{ .my-head-mian-top-view-qian{
@ -706,7 +707,7 @@
} }
.my-head-mian{ .my-head-mian{
width: 100%; width: 100%;
height: 298rpx; height: 280rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;

View File

@ -365,7 +365,7 @@
height: 32px !important; height: 32px !important;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 101rpx; width: 120rpx;
height: 60rpx; height: 60rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
@ -375,7 +375,7 @@
height: 31px; height: 31px;
border-radius: 15px !important; border-radius: 15px !important;
background-color: #fff !important; background-color: #fff !important;
border: 2px solid #E5E5E5; border: 1px solid #E5E5E5;
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -393,7 +393,7 @@
} }
.service-head-top-left span{ .service-head-top-left span{
font-weight: bold; font-weight: bold;
font-size: 44rpx; font-size: 36rpx;
color: #171717; color: #171717;
} }
.service-head-top-left{ .service-head-top-left{

View File

@ -1,5 +1,5 @@
<template> <template>
<view class="bg"> <view>
<view class="usermain"> <view class="usermain">
<view class="usermain-item "> <view class="usermain-item ">
<view style="font-size: 30rpx;">头像</view> <view style="font-size: 30rpx;">头像</view>
@ -65,8 +65,8 @@
<view> <view>
<view class="cu-form-group"> <view class="cu-form-group">
<u-radio-group v-model="sex"> <u-radio-group v-model="sex">
<u-radio shape="circle" active-color="#096f4b" :name="1"></u-radio> <u-radio shape="circle" active-color="#049e89" :name="1"></u-radio>
<u-radio shape="circle" active-color="#096f4b" :name="2"></u-radio> <u-radio shape="circle" active-color="#049e89" :name="2"></u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
</view> </view>
@ -314,7 +314,7 @@
<style> <style>
page { page {
background: #f7f7f7; background:#f7f7f7;
} }
.bg{ .bg{
background-color: #FFFFFF; background-color: #FFFFFF;
@ -323,10 +323,12 @@
border: none; border: none;
} }
.usermain { .usermain {
margin: 20rpx auto;
background: #ffffff; background: #ffffff;
padding: 0 30rpx; padding:0 30rpx;
} border-radius: 20rpx;
}
.xian{ .xian{
width: 100%; width: 100%;
height: 1px; height: 1px;
@ -368,7 +370,7 @@
} }
.footer-btn .usermain-btn { .footer-btn .usermain-btn {
background: linear-gradient(to right, #223845, #00a85b); background: linear-gradient(to right, #029d88, #1fb38f);
color: #FFFFFF; color: #FFFFFF;
margin: 16rpx 30upx; margin: 16rpx 30upx;
position: fixed; position: fixed;