upx单位改rpx
parent
b63aa2ca8a
commit
1ccbc7b7f6
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<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>
|
||||
</template>
|
||||
|
|
@ -24,10 +24,10 @@ export default {
|
|||
align-items: center;
|
||||
position: relative;
|
||||
.empty-text{
|
||||
font-size: 30upx;
|
||||
font-size: 30rpx;
|
||||
color: $uni-text-color-placeholder;
|
||||
position: absolute;
|
||||
top: 400upx;
|
||||
top: 400rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ export default {
|
|||
|
||||
<style lang="scss" scoped>
|
||||
.handCenter {
|
||||
border: 4upx dashed #e9e9e9;
|
||||
border: 4rpx dashed #e9e9e9;
|
||||
height: 80vh;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -12,42 +12,42 @@
|
|||
}
|
||||
}
|
||||
.wui_banner{
|
||||
height: 572upx;
|
||||
height: 572rpx;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.wui-bar{
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
min-height: 100upx;
|
||||
min-height: 100rpx;
|
||||
justify-content: space-between;
|
||||
z-index: 9999;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
.search-form{
|
||||
background: rgba(255,255,255,0.2);
|
||||
border-radius: 100upx;
|
||||
border-radius: 100rpx;
|
||||
flex: 1;
|
||||
height: 60upx;
|
||||
line-height: 60upx;
|
||||
font-size: 24upx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 30upx;
|
||||
padding: 0 30upx;
|
||||
margin: 0 30rpx;
|
||||
padding: 0 30rpx;
|
||||
.cuIcon-search{
|
||||
color: rgba(255,255,255,0.5);
|
||||
margin-right: 16upx;
|
||||
font-size: 28upx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
input{
|
||||
color: rgba(255,255,255,0.5);
|
||||
flex: 1;
|
||||
padding-right: 30upx;
|
||||
height: 64upx;
|
||||
line-height: 64upx;
|
||||
font-size: 26upx;
|
||||
padding-right: 30rpx;
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
font-size: 26rpx;
|
||||
background-color: transparent;
|
||||
.phcolor{
|
||||
color: rgba(255,255,255,0.5);
|
||||
|
|
@ -56,8 +56,8 @@
|
|||
}
|
||||
.icon-ui {
|
||||
color: #fff;
|
||||
font-size: 42upx;
|
||||
margin-right: 22upx;
|
||||
font-size: 42rpx;
|
||||
margin-right: 22rpx;
|
||||
}
|
||||
}
|
||||
.banner_img{
|
||||
|
|
@ -75,11 +75,11 @@
|
|||
|
||||
.home-apps {
|
||||
position: relative;
|
||||
top: 0upx;
|
||||
top: 0rpx;
|
||||
background-color: #fff;
|
||||
padding: 30upx 20upx;
|
||||
border-radius: 40upx;
|
||||
margin: 0 30upx;
|
||||
padding: 30rpx 20rpx;
|
||||
border-radius: 40rpx;
|
||||
margin: 0 30rpx;
|
||||
display: flex;
|
||||
flex-wrap:wrap;
|
||||
.home-apps-item {
|
||||
|
|
@ -89,14 +89,14 @@
|
|||
flex-grow: 0;
|
||||
width: 25%;
|
||||
.text {
|
||||
margin: 10upx 0;
|
||||
font-size: 28upx;
|
||||
margin: 10rpx 0;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
width: 140upx;
|
||||
width: 140rpx;
|
||||
}
|
||||
.home-apps-item-img {
|
||||
width: 136upx;
|
||||
height: 136upx;
|
||||
width: 136rpx;
|
||||
height: 136rpx;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -106,39 +106,39 @@
|
|||
}
|
||||
.home-message{
|
||||
position: relative;
|
||||
top: -160upx;
|
||||
height: 120upx;
|
||||
top: -160rpx;
|
||||
height: 120rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 40upx;
|
||||
margin: 0 30upx;
|
||||
padding: 0 30upx;
|
||||
border-radius: 40rpx;
|
||||
margin: 0 30rpx;
|
||||
padding: 0 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.home-title{
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
margin-right: 10upx;
|
||||
margin-right: 10rpx;
|
||||
image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.home-content{
|
||||
font-size: 28upx;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.home-more{
|
||||
color: #ccc;
|
||||
font-size: 26upx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
.home-letters{
|
||||
position: relative;
|
||||
top: -140upx;
|
||||
top: -140rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 40upx;
|
||||
margin: 0 30upx;
|
||||
padding: 30upx;
|
||||
border-radius: 40rpx;
|
||||
margin: 0 30rpx;
|
||||
padding: 30rpx;
|
||||
|
||||
.letters-title{
|
||||
width: 80px;
|
||||
|
|
@ -150,17 +150,17 @@
|
|||
}
|
||||
.letters-content{
|
||||
.letters-item{
|
||||
border-bottom: 1upx solid #e5e5e5;
|
||||
padding: 20upx 0;
|
||||
border-bottom: 1rpx solid #e5e5e5;
|
||||
padding: 20rpx 0;
|
||||
&:last-child{
|
||||
border: none;
|
||||
}
|
||||
.lable{
|
||||
font-size: 30upx;
|
||||
font-size: 30rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.font{
|
||||
font-size: 28upx;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
.letters-title{
|
||||
|
|
@ -186,14 +186,14 @@
|
|||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
font-size: 30upx;
|
||||
margin: 10upx 0;
|
||||
font-size: 30rpx;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
.letters-date{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
font-size: 30upx;
|
||||
font-size: 30rpx;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -201,7 +201,7 @@
|
|||
}
|
||||
.home-line{
|
||||
position: relative;
|
||||
top: -70upx;
|
||||
top: -70rpx;
|
||||
text-align: center;
|
||||
color: #ccc;
|
||||
}
|
||||
|
|
@ -214,19 +214,19 @@
|
|||
z-index: 999;
|
||||
}
|
||||
.grid_item{
|
||||
width: calc(47% - 4upx);
|
||||
width: calc(47% - 4rpx);
|
||||
display: block;
|
||||
padding: 30upx 0;
|
||||
padding: 30rpx 0;
|
||||
color: #fff;
|
||||
margin-left: 2%;
|
||||
margin-top: 2%;
|
||||
text-align: center;
|
||||
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;
|
||||
.grid_text{
|
||||
display: flex;
|
||||
padding-left: 30upx;
|
||||
padding-left: 30rpx;
|
||||
.grid_tut{
|
||||
width: 85%;
|
||||
}
|
||||
|
|
@ -236,28 +236,28 @@
|
|||
|
||||
|
||||
.message_list{
|
||||
padding: 30upx;
|
||||
padding: 30rpx;
|
||||
.message_item{
|
||||
position: relative;
|
||||
.message_flex{
|
||||
width: calc(100% - 30upx);
|
||||
width: calc(100% - 30rpx);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.fontstyle{
|
||||
font-size: 32upx;
|
||||
line-height: 60upx;
|
||||
font-size: 32rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.font0{
|
||||
font-size: 30upx;
|
||||
font-size: 30rpx;
|
||||
color: #666;
|
||||
flex-basis: 72upx;
|
||||
flex-basis: 72rpx;
|
||||
}
|
||||
.message_time{
|
||||
font-size: 26upx;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
line-height: 60upx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -270,12 +270,12 @@
|
|||
bottom: 0;
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 30upx;
|
||||
height: 30upx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
color: #b4b4b4;
|
||||
content: "\e6a3";
|
||||
text-align: center;
|
||||
font-size: 34upx;
|
||||
font-size: 34rpx;
|
||||
font-family: cuIcon;
|
||||
line-height: 30upx
|
||||
line-height: 30rpx
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,32 +1,32 @@
|
|||
.ml-10{
|
||||
margin-left: 20upx !important;
|
||||
margin-left: 20rpx !important;
|
||||
}
|
||||
.mt-10{
|
||||
margin-top: 20upx !important;
|
||||
margin-top: 20rpx !important;
|
||||
}
|
||||
.mb-10{
|
||||
margin-bottom: 20upx !important;
|
||||
margin-bottom: 20rpx !important;
|
||||
}
|
||||
.mr-10{
|
||||
margin-right: 20upx !important;
|
||||
margin-right: 20rpx !important;
|
||||
}
|
||||
.m-10{
|
||||
margin: 20upx !important;
|
||||
margin: 20rpx !important;
|
||||
}
|
||||
.p-10{
|
||||
padding: 20upx !important;
|
||||
padding: 20rpx !important;
|
||||
}
|
||||
.pl-10{
|
||||
padding-left: 20upx !important;
|
||||
padding-left: 20rpx !important;
|
||||
}
|
||||
.pr-10{
|
||||
padding-right: 20upx !important;
|
||||
padding-right: 20rpx !important;
|
||||
}
|
||||
.pt-10{
|
||||
padding-top: 20upx !important;
|
||||
padding-top: 20rpx !important;
|
||||
}
|
||||
.pb-10{
|
||||
padding-bottom: 20upx !important;
|
||||
padding-bottom: 20rpx !important;
|
||||
}
|
||||
.w100{
|
||||
width: 100%;
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
background-color: $uni-bg-color-grey;
|
||||
}
|
||||
.card{
|
||||
padding: 20upx;
|
||||
padding: 20rpx;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.search{
|
||||
|
|
@ -54,25 +54,25 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
.u-text{
|
||||
width: 100upx !important;
|
||||
width: 100rpx !important;
|
||||
flex: none !important;
|
||||
}
|
||||
.u-button {
|
||||
height: 68upx !important;
|
||||
height: 68rpx !important;
|
||||
}
|
||||
.u-input__content__field-wrapper__field{
|
||||
height: 42upx !important;
|
||||
height: 42rpx !important;
|
||||
}
|
||||
}
|
||||
.bth-mini{
|
||||
width: auto !important;
|
||||
border-radius: 15upx !important;
|
||||
border-radius: 15rpx !important;
|
||||
margin-left: unset;
|
||||
margin-right: unset;
|
||||
}
|
||||
.bth{
|
||||
flex: 1;
|
||||
border-radius: 15upx !important;
|
||||
border-radius: 15rpx !important;
|
||||
margin-left: unset;
|
||||
margin-right: unset;
|
||||
}
|
||||
|
|
@ -93,23 +93,23 @@
|
|||
}
|
||||
.main-title{
|
||||
color: #333333;
|
||||
font-size: 30upx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.subtitle{
|
||||
color: #888888;
|
||||
font-size: 26upx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.view-title{
|
||||
border-left: 8upx solid #1d82fe;
|
||||
border-left: 8rpx solid #1d82fe;
|
||||
.u-text{
|
||||
padding-left: 10upx;
|
||||
padding-left: 10rpx;
|
||||
color: #353535 !important;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
font-size: 28upx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.title-none{
|
||||
.u-cell__body__content,.u-cell__title{
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
position: absolute;
|
||||
left: 0;
|
||||
color: #f56c6c;
|
||||
font-size: 40upx;
|
||||
font-size: 40rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
|
@ -147,7 +147,7 @@
|
|||
.u-form-item__body__right__content__slot{
|
||||
justify-content: flex-start;
|
||||
position: relative;
|
||||
margin-left: 20upx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
.u-list {
|
||||
.u-list-item {
|
||||
padding: 20upx;
|
||||
padding: 20rpx;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid rgb(214, 215, 217);
|
||||
}
|
||||
}
|
||||
.u-textarea{
|
||||
padding: 18upx;
|
||||
padding: 18rpx;
|
||||
}
|
||||
.u-form-item__body__left__content__required{
|
||||
position: relative !important;
|
||||
|
|
@ -27,10 +27,10 @@
|
|||
}
|
||||
}
|
||||
.u-text__value{
|
||||
font-size: 28upx !important;
|
||||
font-size: 28rpx !important;
|
||||
}
|
||||
.u-form-item__body__left__content__label{
|
||||
font-size: 28upx !important;
|
||||
font-size: 28rpx !important;
|
||||
}
|
||||
.u-tabs__wrapper__nav__item{
|
||||
flex: 1 !important;
|
||||
|
|
|
|||
Loading…
Reference in New Issue