upx单位改rpx

dev
LiuJiaNan 2024-08-27 15:07:23 +08:00
parent b63aa2ca8a
commit 1ccbc7b7f6
6 changed files with 93 additions and 93 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<view class="empty"> <view class="empty">
<u--image :showLoading="true" src="/static/svg/empty.svg" width="750upx" height="500upx"></u--image> <u--image :showLoading="true" src="/static/svg/empty.svg" width="750rpx" height="500rpx"></u--image>
<view class="empty-text">{{ message }}</view> <view class="empty-text">{{ message }}</view>
</view> </view>
</template> </template>
@ -24,10 +24,10 @@ export default {
align-items: center; align-items: center;
position: relative; position: relative;
.empty-text{ .empty-text{
font-size: 30upx; font-size: 30rpx;
color: $uni-text-color-placeholder; color: $uni-text-color-placeholder;
position: absolute; position: absolute;
top: 400upx; top: 400rpx;
} }
} }
</style> </style>

View File

@ -53,7 +53,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.handCenter { .handCenter {
border: 4upx dashed #e9e9e9; border: 4rpx dashed #e9e9e9;
height: 80vh; height: 80vh;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;

View File

@ -12,42 +12,42 @@
} }
} }
.wui_banner{ .wui_banner{
height: 572upx; height: 572rpx;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.wui-bar{ .wui-bar{
display: flex; display: flex;
position: relative; position: relative;
align-items: center; align-items: center;
min-height: 100upx; min-height: 100rpx;
justify-content: space-between; justify-content: space-between;
z-index: 9999; z-index: 9999;
position: absolute; position: absolute;
width: 100%; width: 100%;
.search-form{ .search-form{
background: rgba(255,255,255,0.2); background: rgba(255,255,255,0.2);
border-radius: 100upx; border-radius: 100rpx;
flex: 1; flex: 1;
height: 60upx; height: 60rpx;
line-height: 60upx; line-height: 60rpx;
font-size: 24upx; font-size: 24rpx;
color: #333333; color: #333333;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0 30upx; margin: 0 30rpx;
padding: 0 30upx; padding: 0 30rpx;
.cuIcon-search{ .cuIcon-search{
color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);
margin-right: 16upx; margin-right: 16rpx;
font-size: 28upx; font-size: 28rpx;
} }
input{ input{
color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);
flex: 1; flex: 1;
padding-right: 30upx; padding-right: 30rpx;
height: 64upx; height: 64rpx;
line-height: 64upx; line-height: 64rpx;
font-size: 26upx; font-size: 26rpx;
background-color: transparent; background-color: transparent;
.phcolor{ .phcolor{
color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);
@ -56,8 +56,8 @@
} }
.icon-ui { .icon-ui {
color: #fff; color: #fff;
font-size: 42upx; font-size: 42rpx;
margin-right: 22upx; margin-right: 22rpx;
} }
} }
.banner_img{ .banner_img{
@ -75,11 +75,11 @@
.home-apps { .home-apps {
position: relative; position: relative;
top: 0upx; top: 0rpx;
background-color: #fff; background-color: #fff;
padding: 30upx 20upx; padding: 30rpx 20rpx;
border-radius: 40upx; border-radius: 40rpx;
margin: 0 30upx; margin: 0 30rpx;
display: flex; display: flex;
flex-wrap:wrap; flex-wrap:wrap;
.home-apps-item { .home-apps-item {
@ -89,14 +89,14 @@
flex-grow: 0; flex-grow: 0;
width: 25%; width: 25%;
.text { .text {
margin: 10upx 0; margin: 10rpx 0;
font-size: 28upx; font-size: 28rpx;
text-align: center; text-align: center;
width: 140upx; width: 140rpx;
} }
.home-apps-item-img { .home-apps-item-img {
width: 136upx; width: 136rpx;
height: 136upx; height: 136rpx;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -106,39 +106,39 @@
} }
.home-message{ .home-message{
position: relative; position: relative;
top: -160upx; top: -160rpx;
height: 120upx; height: 120rpx;
background-color: #fff; background-color: #fff;
border-radius: 40upx; border-radius: 40rpx;
margin: 0 30upx; margin: 0 30rpx;
padding: 0 30upx; padding: 0 30rpx;
display: flex; display: flex;
align-items: center; align-items: center;
.home-title{ .home-title{
width: 54px; width: 54px;
height: 54px; height: 54px;
margin-right: 10upx; margin-right: 10rpx;
image{ image{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.home-content{ .home-content{
font-size: 28upx; font-size: 28rpx;
flex: 1; flex: 1;
} }
.home-more{ .home-more{
color: #ccc; color: #ccc;
font-size: 26upx; font-size: 26rpx;
} }
} }
.home-letters{ .home-letters{
position: relative; position: relative;
top: -140upx; top: -140rpx;
background-color: #fff; background-color: #fff;
border-radius: 40upx; border-radius: 40rpx;
margin: 0 30upx; margin: 0 30rpx;
padding: 30upx; padding: 30rpx;
.letters-title{ .letters-title{
width: 80px; width: 80px;
@ -150,17 +150,17 @@
} }
.letters-content{ .letters-content{
.letters-item{ .letters-item{
border-bottom: 1upx solid #e5e5e5; border-bottom: 1rpx solid #e5e5e5;
padding: 20upx 0; padding: 20rpx 0;
&:last-child{ &:last-child{
border: none; border: none;
} }
.lable{ .lable{
font-size: 30upx; font-size: 30rpx;
white-space: nowrap; white-space: nowrap;
} }
.font{ .font{
font-size: 28upx; font-size: 28rpx;
color: #666; color: #666;
} }
.letters-title{ .letters-title{
@ -186,14 +186,14 @@
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
font-size: 30upx; font-size: 30rpx;
margin: 10upx 0; margin: 10rpx 0;
} }
.letters-date{ .letters-date{
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
font-size: 30upx; font-size: 30rpx;
} }
} }
@ -201,7 +201,7 @@
} }
.home-line{ .home-line{
position: relative; position: relative;
top: -70upx; top: -70rpx;
text-align: center; text-align: center;
color: #ccc; color: #ccc;
} }
@ -214,19 +214,19 @@
z-index: 999; z-index: 999;
} }
.grid_item{ .grid_item{
width: calc(47% - 4upx); width: calc(47% - 4rpx);
display: block; display: block;
padding: 30upx 0; padding: 30rpx 0;
color: #fff; color: #fff;
margin-left: 2%; margin-left: 2%;
margin-top: 2%; margin-top: 2%;
text-align: center; text-align: center;
background-image: linear-gradient(to bottom right, rgba(0,138,255,1), rgba(91,74,255,1)); background-image: linear-gradient(to bottom right, rgba(0,138,255,1), rgba(91,74,255,1));
border: 1upx solid #2084d9; border: 1rpx solid #2084d9;
position: relative; position: relative;
.grid_text{ .grid_text{
display: flex; display: flex;
padding-left: 30upx; padding-left: 30rpx;
.grid_tut{ .grid_tut{
width: 85%; width: 85%;
} }
@ -236,28 +236,28 @@
.message_list{ .message_list{
padding: 30upx; padding: 30rpx;
.message_item{ .message_item{
position: relative; position: relative;
.message_flex{ .message_flex{
width: calc(100% - 30upx); width: calc(100% - 30rpx);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.fontstyle{ .fontstyle{
font-size: 32upx; font-size: 32rpx;
line-height: 60upx; line-height: 60rpx;
} }
.font0{ .font0{
font-size: 30upx; font-size: 30rpx;
color: #666; color: #666;
flex-basis: 72upx; flex-basis: 72rpx;
} }
.message_time{ .message_time{
font-size: 26upx; font-size: 26rpx;
color: #666; color: #666;
line-height: 60upx; line-height: 60rpx;
} }
} }
} }
@ -270,12 +270,12 @@
bottom: 0; bottom: 0;
display: block; display: block;
margin: auto; margin: auto;
width: 30upx; width: 30rpx;
height: 30upx; height: 30rpx;
color: #b4b4b4; color: #b4b4b4;
content: "\e6a3"; content: "\e6a3";
text-align: center; text-align: center;
font-size: 34upx; font-size: 34rpx;
font-family: cuIcon; font-family: cuIcon;
line-height: 30upx line-height: 30rpx
} }

File diff suppressed because one or more lines are too long

View File

@ -1,32 +1,32 @@
.ml-10{ .ml-10{
margin-left: 20upx !important; margin-left: 20rpx !important;
} }
.mt-10{ .mt-10{
margin-top: 20upx !important; margin-top: 20rpx !important;
} }
.mb-10{ .mb-10{
margin-bottom: 20upx !important; margin-bottom: 20rpx !important;
} }
.mr-10{ .mr-10{
margin-right: 20upx !important; margin-right: 20rpx !important;
} }
.m-10{ .m-10{
margin: 20upx !important; margin: 20rpx !important;
} }
.p-10{ .p-10{
padding: 20upx !important; padding: 20rpx !important;
} }
.pl-10{ .pl-10{
padding-left: 20upx !important; padding-left: 20rpx !important;
} }
.pr-10{ .pr-10{
padding-right: 20upx !important; padding-right: 20rpx !important;
} }
.pt-10{ .pt-10{
padding-top: 20upx !important; padding-top: 20rpx !important;
} }
.pb-10{ .pb-10{
padding-bottom: 20upx !important; padding-bottom: 20rpx !important;
} }
.w100{ .w100{
width: 100%; width: 100%;
@ -46,7 +46,7 @@
background-color: $uni-bg-color-grey; background-color: $uni-bg-color-grey;
} }
.card{ .card{
padding: 20upx; padding: 20rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.search{ .search{
@ -54,25 +54,25 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
.u-text{ .u-text{
width: 100upx !important; width: 100rpx !important;
flex: none !important; flex: none !important;
} }
.u-button { .u-button {
height: 68upx !important; height: 68rpx !important;
} }
.u-input__content__field-wrapper__field{ .u-input__content__field-wrapper__field{
height: 42upx !important; height: 42rpx !important;
} }
} }
.bth-mini{ .bth-mini{
width: auto !important; width: auto !important;
border-radius: 15upx !important; border-radius: 15rpx !important;
margin-left: unset; margin-left: unset;
margin-right: unset; margin-right: unset;
} }
.bth{ .bth{
flex: 1; flex: 1;
border-radius: 15upx !important; border-radius: 15rpx !important;
margin-left: unset; margin-left: unset;
margin-right: unset; margin-right: unset;
} }
@ -93,23 +93,23 @@
} }
.main-title{ .main-title{
color: #333333; color: #333333;
font-size: 30upx; font-size: 30rpx;
} }
.subtitle{ .subtitle{
color: #888888; color: #888888;
font-size: 26upx; font-size: 26rpx;
} }
.view-title{ .view-title{
border-left: 8upx solid #1d82fe; border-left: 8rpx solid #1d82fe;
.u-text{ .u-text{
padding-left: 10upx; padding-left: 10rpx;
color: #353535 !important; color: #353535 !important;
} }
} }
.title{ .title{
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
font-size: 28upx; font-size: 28rpx;
} }
.title-none{ .title-none{
.u-cell__body__content,.u-cell__title{ .u-cell__body__content,.u-cell__title{
@ -133,7 +133,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
color: #f56c6c; color: #f56c6c;
font-size: 40upx; font-size: 40rpx;
font-weight: normal; font-weight: normal;
} }
} }
@ -147,7 +147,7 @@
.u-form-item__body__right__content__slot{ .u-form-item__body__right__content__slot{
justify-content: flex-start; justify-content: flex-start;
position: relative; position: relative;
margin-left: 20upx; margin-left: 20rpx;
} }
} }
} }

View File

@ -1,12 +1,12 @@
.u-list { .u-list {
.u-list-item { .u-list-item {
padding: 20upx; padding: 20rpx;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid rgb(214, 215, 217); border-bottom: 1px solid rgb(214, 215, 217);
} }
} }
.u-textarea{ .u-textarea{
padding: 18upx; padding: 18rpx;
} }
.u-form-item__body__left__content__required{ .u-form-item__body__left__content__required{
position: relative !important; position: relative !important;
@ -27,10 +27,10 @@
} }
} }
.u-text__value{ .u-text__value{
font-size: 28upx !important; font-size: 28rpx !important;
} }
.u-form-item__body__left__content__label{ .u-form-item__body__left__content__label{
font-size: 28upx !important; font-size: 28rpx !important;
} }
.u-tabs__wrapper__nav__item{ .u-tabs__wrapper__nav__item{
flex: 1 !important; flex: 1 !important;