guoyuepeng
/
qa-prevention-xgf-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

upx单位改rpx

hyx_2024-10-18_BUG
LiuJiaNan 2024-08-27 15:04:44 +08:00
parent f7e87105f8
commit ac49d4525f
16 changed files with 182 additions and 182 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/empty/empty.vue
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>

2
components/sign/sign.vue
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;

2
pages/certificate_information/index.vue
View File

@ -4,7 +4,7 @@
<u-list-item v-for="(item, index) in list" :key="index"> <u-list-item v-for="(item, index) in list" :key="index">
<view style="display: flex;align-items: center;justify-content: space-between;"> <view style="display: flex;align-items: center;justify-content: space-between;">
<view> <view>
<u-image width="200upx" height="200upx" :src="$filePath + item.FILEPATH"></u-image> <u-image width="200rpx" height="200rpx" :src="$filePath + item.FILEPATH"></u-image>
</view> </view>
<view class="ml-10" style="flex: 1;"> <view class="ml-10" style="flex: 1;">
<view class="flex-between main-title"> <view class="flex-between main-title">

4
pages/certificate_information/view.vue
View File

@ -4,8 +4,8 @@
<u-cell-group> <u-cell-group>
<u-cell title="证书图片"> <u-cell title="证书图片">
<template #value> <template #value>
<u--image :src="info.FILEPATH" width="100upx" height="100upx" radius="10upx" @click="fnPreview"></u--image> <u--image :src="info.FILEPATH" width="100rpx" height="100rpx" radius="10rpx" @click="fnPreview"></u--image>
<u--image v-if="info.FILEPATH_BACK" :src="info.FILEPATH_BACK" width="100upx" height="100upx" radius="10upx" @click="fnPreview"></u--image> <u--image v-if="info.FILEPATH_BACK" :src="info.FILEPATH_BACK" width="100rpx" height="100rpx" radius="10rpx" @click="fnPreview"></u--image>
</template> </template>
</u-cell> </u-cell>
<u-cell title="姓名" :value="info.NAME"></u-cell> <u-cell title="姓名" :value="info.NAME"></u-cell>

4
pages/electronic_work_card/index.vue
View File

@ -4,7 +4,7 @@
<u-cell-group> <u-cell-group>
<u-cell title="照片"> <u-cell title="照片">
<template #value> <template #value>
<u--image :src="info.PHOTO" shape="circle" width="100upx" height="100upx" <u--image :src="info.PHOTO" shape="circle" width="100rpx" height="100rpx"
@click="fnPreview(info.PHOTO)"></u--image> @click="fnPreview(info.PHOTO)"></u--image>
</template> </template>
</u-cell> </u-cell>
@ -21,7 +21,7 @@
</u-cell> </u-cell>
<u-cell title="二维码" v-if="!CODE_TYPE && info.CORPINFO_ID && info.code != '' && (info.DEPART_STATE == '0' || info.DEPART_STATE == '-1')"> <u-cell title="二维码" v-if="!CODE_TYPE && info.CORPINFO_ID && info.code != '' && (info.DEPART_STATE == '0' || info.DEPART_STATE == '-1')">
<template #value> <template #value>
<u--image :src="info.code" width="100upx" height="100upx" @click="fnPreview(info.code)"> <u--image :src="info.code" width="100rpx" height="100rpx" @click="fnPreview(info.code)">
</u--image> </u--image>
</template> </template>
</u-cell> </u-cell>

6
pages/login/forgot_password.vue
View File

@ -2,7 +2,7 @@
<view class="content1"> <view class="content1">
<view class="change-password"> <view class="change-password">
<u--form labelPosition="top" :model="form" :rules="rules" ref="form" labelWidth="100%" <u--form labelPosition="top" :model="form" :rules="rules" ref="form" labelWidth="100%"
:labelStyle="{color:'#333', fontSize:'34upx', fontWeight:'bold'}"> :labelStyle="{color:'#333', fontSize:'34rpx', fontWeight:'bold'}">
<u-form-item label="用户名" prop="USERNAME" borderBottom> <u-form-item label="用户名" prop="USERNAME" borderBottom>
<u--input v-model="form.USERNAME" border="none"></u--input> <u--input v-model="form.USERNAME" border="none"></u--input>
</u-form-item> </u-form-item>
@ -95,7 +95,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.change-password { .change-password {
background-color: #fff; background-color: #fff;
border-radius: 20upx; border-radius: 20rpx;
padding: 40upx; padding: 40rpx;
} }
</style> </style>

24
pages/login/login.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="wui_login"> <view class="wui_login">
<view class="form"> <view class="form">
<u--form labelPosition="top" :model="form" labelWidth="140upx" > <u--form labelPosition="top" :model="form" labelWidth="140rpx" >
<u-form-item label="账号" borderBottom> <u-form-item label="账号" borderBottom>
<u--input v-model="form.userName" border="none" placeholder="请输入账号..." ></u--input> <u--input v-model="form.userName" border="none" placeholder="请输入账号..." ></u--input>
</u-form-item> </u-form-item>
@ -96,12 +96,12 @@ export default {
position: relative; position: relative;
.title{ .title{
color: #fff; color: #fff;
font-size: 44upx; font-size: 44rpx;
font-weight: 500; font-weight: 500;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 106upx; padding-top: 106rpx;
padding-left: 46upx; padding-left: 46rpx;
line-height: 1.6; line-height: 1.6;
} }
.form{ .form{
@ -110,12 +110,12 @@ export default {
top: 49%; top: 49%;
left: 50%; left: 50%;
background-color: #fff; background-color: #fff;
border-radius: 20upx; border-radius: 20rpx;
padding: 30upx 9%; padding: 30rpx 9%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.tip{ .tip{
font-size: 20upx; font-size: 20rpx;
margin-bottom: 40upx; margin-bottom: 40rpx;
color: #0b80e7; color: #0b80e7;
display: flex; display: flex;
align-items: center; align-items: center;
@ -123,17 +123,17 @@ export default {
} }
} }
button{ button{
margin-top: 40upx; margin-top: 40rpx;
background-color: #0b80e7; background-color: #0b80e7;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border: none; border: none;
border-radius: 10upx; border-radius: 10rpx;
margin-bottom: 20upx; margin-bottom: 20rpx;
} }
::v-deep{ ::v-deep{
.u-button__text{ .u-button__text{
font-size: 32upx !important; font-size: 32rpx !important;
} }
} }
} }

6
pages/login/register.vue
View File

@ -141,8 +141,8 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.tip{ .tip{
padding-top: 20upx; padding-top: 20rpx;
padding-bottom: 20upx; padding-bottom: 20rpx;
font-size: 20upx; font-size: 20rpx;
} }
</style> </style>

6
pages/mine/change_password/change_password.vue
View File

@ -2,7 +2,7 @@
<view class="content1"> <view class="content1">
<view class="change-password"> <view class="change-password">
<u--form labelPosition="top" :model="form" :rules="rules" ref="form" labelWidth="100%" <u--form labelPosition="top" :model="form" :rules="rules" ref="form" labelWidth="100%"
:labelStyle="{color:'#333', fontSize:'34upx', fontWeight:'bold'}"> :labelStyle="{color:'#333', fontSize:'34rpx', fontWeight:'bold'}">
<u-form-item label="原密码" prop="oldPwd" borderBottom> <u-form-item label="原密码" prop="oldPwd" borderBottom>
<u--input v-model="form.oldPwd" type="password" border="none"></u--input> <u--input v-model="form.oldPwd" type="password" border="none"></u--input>
</u-form-item> </u-form-item>
@ -104,7 +104,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.change-password { .change-password {
background-color: #fff; background-color: #fff;
border-radius: 20upx; border-radius: 20rpx;
padding: 40upx; padding: 40rpx;
} }
</style> </style>

44
pages/mine/feedback/feedback.vue
View File

@ -5,9 +5,9 @@
<view class="feedback-type"> <view class="feedback-type">
<view class="item" v-for="(item, index) in feedbackType" :key="index" <view class="item" v-for="(item, index) in feedbackType" :key="index"
:class="{active:item.value === form.FEEDBACK_TYPE}" @click="form.FEEDBACK_TYPE = item.value"> :class="{active:item.value === form.FEEDBACK_TYPE}" @click="form.FEEDBACK_TYPE = item.value">
<u--image :src="item.img" width="40upx" height="38upx" <u--image :src="item.img" width="40rpx" height="38rpx"
style="margin-left: 70upx; margin-top: 20upx;"></u--image> style="margin-left: 70rpx; margin-top: 20rpx;"></u--image>
<view style="margin-top: -40upx;">{{item.label}}</view> <view style="margin-top: -40rpx;">{{item.label}}</view>
</view> </view>
</view> </view>
<view class="title">我要反馈</view> <view class="title">我要反馈</view>
@ -128,17 +128,17 @@ import {setFeedbackAdd, setFeedbackUpload} from "../../../api";
<style lang="scss" scoped> <style lang="scss" scoped>
.feedback { .feedback {
padding: 40upx; padding: 40rpx;
background-color: #fff; background-color: #fff;
.title { .title {
font-weight: bold; font-weight: bold;
margin-top: 20upx; margin-top: 20rpx;
margin-bottom: 20upx; margin-bottom: 20rpx;
color: $uni-text-color-placeholder; color: $uni-text-color-placeholder;
font-size: 30upx; font-size: 30rpx;
&:irst-child { &:first-child {
margin-top: 0; margin-top: 0;
} }
} }
@ -146,24 +146,24 @@ import {setFeedbackAdd, setFeedbackUpload} from "../../../api";
.feedback-type { .feedback-type {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 20upx; margin-bottom: 20rpx;
margin-top: 20upx; margin-top: 20rpx;
.item { .item {
padding: 10upx; padding: 10rpx;
border-radius: 10upx; border-radius: 10rpx;
margin-top: 10upx; margin-top: 10rpx;
margin-right: 10upx; margin-right: 10rpx;
margin-bottom: 10upx; margin-bottom: 10rpx;
background-color: #f6f7fb; background-color: #f6f7fb;
text-align: center; text-align: center;
font-size: 30upx; font-size: 30rpx;
color: #9fa7bc; color: #9fa7bc;
width: 207upx; width: 207rpx;
height: 143upx; height: 143rpx;
box-sizing: border-box; box-sizing: border-box;
line-height: 143upx; line-height: 143rpx;
text-align: center; text-align: center;
&.active { &.active {
@ -175,14 +175,14 @@ import {setFeedbackAdd, setFeedbackUpload} from "../../../api";
::v-deep { ::v-deep {
.u-upload__wrap__preview__image { .u-upload__wrap__preview__image {
width: 146upx !important; width: 146rpx !important;
height: 146upx !important; height: 146rpx !important;
} }
} }
} }
.title { .title {
font-size: 32upx; font-size: 32rpx;
color: #333; color: #333;
} }
</style> </style>

46
pages/mine/index/index.vue
View File

@ -21,7 +21,7 @@
<view class="my_main_info"> <view class="my_main_info">
<view class="my_main_info_wrap" v-for="(item,index) in list" :key="item.name" @click="clickItem(item.name,index)"> <view class="my_main_info_wrap" v-for="(item,index) in list" :key="item.name" @click="clickItem(item.name,index)">
<view class="my_main_info_wrap_img"> <view class="my_main_info_wrap_img">
<u--image :src="item.img" width="40upx" height="40upx"></u--image> <u--image :src="item.img" width="40rpx" height="40rpx"></u--image>
</view> </view>
<view class="my_main_info_wrap_info"> <view class="my_main_info_wrap_info">
<view class="my_main_info_wrap_info_lable"> <view class="my_main_info_wrap_info_lable">
@ -129,50 +129,50 @@ export default {
.mytop { .mytop {
width: 100%; width: 100%;
background: url(/static/images/mybannerbg.png); background: url(/static/images/mybannerbg.png);
height: 400upx; height: 400rpx;
background-size: 100% 100%; background-size: 100% 100%;
padding: 20upx; padding: 20rpx;
box-sizing: border-box; box-sizing: border-box;
.mytop_main_info { .mytop_main_info {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
margin-top: 150upx; margin-top: 150rpx;
display: flex; display: flex;
align-items: center; align-items: center;
.mytop_main_info_tx { .mytop_main_info_tx {
margin-right: 20upx; margin-right: 20rpx;
} }
.mytop_main_test_name { .mytop_main_test_name {
color: #fff; color: #fff;
font-size: 36upx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
} }
.mytop_main_test_p { .mytop_main_test_p {
color: #fff; color: #fff;
font-size: 26upx; font-size: 26rpx;
opacity: 0.6; opacity: 0.6;
margin-top: 5upx; margin-top: 5rpx;
} }
} }
} }
.my_main { .my_main {
width: 100%; width: 100%;
padding: 40upx; padding: 40rpx;
margin-top: -120upx; margin-top: -120rpx;
box-sizing: border-box; box-sizing: border-box;
.my_main_info { .my_main_info {
width: 100%; width: 100%;
background: #fff; background: #fff;
padding: 20upx 40upx; padding: 20rpx 40rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10upx; border-radius: 10rpx;
box-shadow: 0 0 20upx #eee; box-shadow: 0 0 20rpx #eee;
.my_main_info_wrap { .my_main_info_wrap {
width: 100%; width: 100%;
@ -180,19 +180,19 @@ export default {
align-items: center; align-items: center;
.my_main_info_wrap_img { .my_main_info_wrap_img {
width: 50upx; width: 50rpx;
height: 50upx; height: 50rpx;
margin-top: 10upx; margin-top: 10rpx;
} }
.my_main_info_wrap_info { .my_main_info_wrap_info {
flex: 1; flex: 1;
border-bottom: 1upx solid #eee; border-bottom: 1rpx solid #eee;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 30upx 0upx; padding: 30rpx 0rpx;
padding-left: 10upx; padding-left: 10rpx;
.my_main_info_wrap_info_lable { .my_main_info_wrap_info_lable {
@ -210,19 +210,19 @@ export default {
.layout_btner { .layout_btner {
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 0upx 40upx; padding: 0rpx 40rpx;
box-sizing: border-box; box-sizing: border-box;
.layout_btn { .layout_btn {
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 20upx; padding: 20rpx;
background: #e72f2f; background: #e72f2f;
box-sizing: border-box; box-sizing: border-box;
color: #fff; color: #fff;
box-shadow: 0 0 20upx #eee; box-shadow: 0 0 20rpx #eee;
border-radius: 10upx; border-radius: 10rpx;
} }
} }
</style> </style>

14
pages/mine/information/index.vue
View File

@ -4,7 +4,7 @@
<u-cell-group> <u-cell-group>
<u-cell title="照片"> <u-cell title="照片">
<template #value> <template #value>
<u--image :src="info.userPhoto" shape="circle" width="100upx" height="100upx"></u--image> <u--image :src="info.userPhoto" shape="circle" width="100rpx" height="100rpx"></u--image>
</template> </template>
</u-cell> </u-cell>
<u-cell title="姓名" :value="info.NAME"></u-cell> <u-cell title="姓名" :value="info.NAME"></u-cell>
@ -21,7 +21,7 @@
<template #value> <template #value>
<view v-for="(item,index) in userCardIDPhotoFile" :key="index" <view v-for="(item,index) in userCardIDPhotoFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(userCardIDPhotoFile)"></u--image> @click="fnPreview(userCardIDPhotoFile)"></u--image>
</view> </view>
</template> </template>
@ -48,7 +48,7 @@
<template #value> <template #value>
<view v-for="(item,index) in socialPhotoFile" :key="index" <view v-for="(item,index) in socialPhotoFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(socialPhotoFile)"></u--image> @click="fnPreview(socialPhotoFile)"></u--image>
</view> </view>
</template> </template>
@ -58,7 +58,7 @@
<template #value> <template #value>
<view v-for="(item,index) in contractFile" :key="index" <view v-for="(item,index) in contractFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(contractFile)"></u--image> @click="fnPreview(contractFile)"></u--image>
</view> </view>
</template> </template>
@ -69,7 +69,7 @@
<template #value> <template #value>
<view v-for="(item,index) in insuranceFile" :key="index" <view v-for="(item,index) in insuranceFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(insuranceFile)"></u--image> @click="fnPreview(insuranceFile)"></u--image>
</view> </view>
</template> </template>
@ -80,7 +80,7 @@
<template #value> <template #value>
<view v-for="(item,index) in injuriesPayTiemFile" :key="index" <view v-for="(item,index) in injuriesPayTiemFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(injuriesPayTiemFile)"></u--image> @click="fnPreview(injuriesPayTiemFile)"></u--image>
</view> </view>
</template> </template>
@ -91,7 +91,7 @@
<template #value> <template #value>
<view v-for="(item,index) in photosOfLevel" :key="index" <view v-for="(item,index) in photosOfLevel" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(photosOfLevel)"></u--image> @click="fnPreview(photosOfLevel)"></u--image>
</view> </view>
</template> </template>

12
pages/related_party_units/view.vue
View File

@ -9,7 +9,7 @@
<u-cell-group> <u-cell-group>
<u-cell title="照片"> <u-cell title="照片">
<template #value> <template #value>
<u--image :src="info.userPhoto" shape="circle" width="100upx" height="100upx"></u--image> <u--image :src="info.userPhoto" shape="circle" width="100rpx" height="100rpx"></u--image>
</template> </template>
</u-cell> </u-cell>
<u-cell title="姓名" :value="info.NAME"></u-cell> <u-cell title="姓名" :value="info.NAME"></u-cell>
@ -26,7 +26,7 @@
<template #value> <template #value>
<view v-for="(item,index) in userCardIDPhotoFile" :key="index" <view v-for="(item,index) in userCardIDPhotoFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(userCardIDPhotoFile)"></u--image> @click="fnPreview(userCardIDPhotoFile)"></u--image>
</view> </view>
</template> </template>
@ -53,7 +53,7 @@
<template #value> <template #value>
<view v-for="(item,index) in socialPhotoFile" :key="index" <view v-for="(item,index) in socialPhotoFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(socialPhotoFile)"></u--image> @click="fnPreview(socialPhotoFile)"></u--image>
</view> </view>
</template> </template>
@ -79,7 +79,7 @@
<template #value> <template #value>
<view v-for="(item,index) in contractFile" :key="index" <view v-for="(item,index) in contractFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(contractFile)"></u--image> @click="fnPreview(contractFile)"></u--image>
</view> </view>
</template> </template>
@ -91,7 +91,7 @@
<template #value> <template #value>
<view v-for="(item,index) in workInsurancePhotoFile" :key="index" <view v-for="(item,index) in workInsurancePhotoFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(workInsurancePhotoFile)"></u--image> @click="fnPreview(workInsurancePhotoFile)"></u--image>
</view> </view>
</template> </template>
@ -102,7 +102,7 @@
<template #value> <template #value>
<view v-for="(item,index) in insuranceFile" :key="index" <view v-for="(item,index) in insuranceFile" :key="index"
style="display: flex;justify-content: space-between"> style="display: flex;justify-content: space-between">
<u--image :src="item" width="100upx" height="100upx" style="margin-left: 10upx;" <u--image :src="item" width="100rpx" height="100rpx" style="margin-left: 10rpx;"
@click="fnPreview(insuranceFile)"></u--image> @click="fnPreview(insuranceFile)"></u--image>
</view> </view>
</template> </template>

122
styles/home_style.scss
View File

@ -12,41 +12,41 @@
} }
} }
.wui_banner{ .wui_banner{
height: 507upx; height: 507rpx;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.wui-bar{ .wui-bar{
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 100upx; min-height: 100rpx;
justify-content: flex-end; justify-content: flex-end;
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);
@ -55,8 +55,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{
@ -74,11 +74,11 @@
.home-apps { .home-apps {
position: relative; position: relative;
top: -180upx; top: -180rpx;
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 {
@ -88,14 +88,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%;
@ -105,39 +105,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;
@ -149,17 +149,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{
@ -185,14 +185,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;
} }
} }
@ -200,7 +200,7 @@
} }
.home-line{ .home-line{
position: relative; position: relative;
top: -70upx; top: -70rpx;
text-align: center; text-align: center;
color: #ccc; color: #ccc;
} }
@ -213,19 +213,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%;
} }
@ -235,28 +235,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;
} }
} }
} }
@ -269,12 +269,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
} }

46
styles/theme.scss
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;
} }
} }
} }

20
styles/uview.scss
View File

@ -1,17 +1,17 @@
.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;
left: 0 !important; left: 0 !important;
margin-right: 10upx; margin-right: 10rpx;
} }
.u-form-item__body__left{ .u-form-item__body__left{
//flex: 1 !important; //flex: 1 !important;
@ -20,7 +20,7 @@
.u-form-item__body__right__content__slot{ .u-form-item__body__right__content__slot{
justify-content: flex-end; justify-content: flex-end;
position: relative; position: relative;
padding-right: 20upx; padding-right: 20rpx;
} }
.u-text{ .u-text{
justify-content: flex-end !important; justify-content: flex-end !important;
@ -30,19 +30,19 @@
} }
} }
.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;
} }
.u-upload__deletable{ .u-upload__deletable{
height: 40upx !important; height: 40rpx !important;
width: 40upx !important; width: 40rpx !important;
.u-icon__icon{ .u-icon__icon{
font-size: 30upx !important; font-size: 30rpx !important;
line-height: 30upx !important; line-height: 30rpx !important;
} }
} }