root/pad-nl-three-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
caill
2024-03-04 15:15:15 +08:00
parent c1d503758b
commit b08b0dccf2
10 changed files with 177 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
View File

@@ -1,4 +1,5 @@
# 注意事项 # 注意事项
+ 原生APP云打包使用自有证书 + 原生APP云打包使用自有证书
+ 证书别名：testalias + 证书别名：testalias
+ 诺力三期的接口文档：http://47.111.78.178:27017/，账号名字首字母小写 , 密码123456 + 诺力三期的接口文档：http://47.111.78.178:27017/，账号名字首字母小写 , 密码123456
+ 屏幕尺寸：854px * 534px

114
common/style/layout.css
View File

@@ -24,13 +24,13 @@ uni-button{
background-color: #040d1e; background-color: #040d1e;
} }
.search-confirm-wrap { .search-confirm-wrap {
width: calc(100% - 60rpx); width: calc(100% - 20px);
margin: 30rpx auto; margin: 10px auto 0 auto;
border-radius: 12rpx; border-radius: 6px;
padding: 30rpx; padding: 10px;
background: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%); background: linear-gradient(to right, rgba(8, 38, 68, 0.5) 1%, rgba(8, 38, 68, 0.98) 100%);
border: 1rpx solid #0490DD; border: 1px solid #0490DD;
box-shadow: rgba(4, 136, 203, 0.2) -6rpx 6px 12rpx 2rpx, rgba(4, 136, 203, 0.2) 6rpx -6rpx 12rpx 2rpx; box-shadow: rgba(4, 136, 203, 0.2) -3px 6px 6px 1px, rgba(4, 136, 203, 0.2) 3px -3px 6px 1px;
} }
.search-label{ .search-label{
height: 35px; height: 35px;
@@ -79,12 +79,12 @@ uni-button{
background-color: #e1e1e1; background-color: #e1e1e1;
} }
.confirm-button{ .confirm-button{
min-width: 160rpx; min-width: 80px;
height: 72rpx; height: 30px;
color: #fff; color: #fff;
padding: 0; padding: 0;
font-size: 28rpx; font-size: 13px;
margin-left: 20rpx; margin-left: 10px;
margin-right: 0; margin-right: 0;
white-space: nowrap; white-space: nowrap;
background: center / 100% 100% url(./static/images/button.png) no-repeat; background: center / 100% 100% url(./static/images/button.png) no-repeat;
@@ -96,20 +96,20 @@ uni-button{
background: center / 100% 100% url(./static/images/button_disabled.png) no-repeat; background: center / 100% 100% url(./static/images/button_disabled.png) no-repeat;
} }
.table-title_wraper { .table-title_wraper {
width: calc(100% - 60rpx); width: calc(100% - 20px);
margin: 0 auto; margin: 0 auto;
font-size: 36rpx; font-size: 16px;
color: #fff; color: #fff;
line-height: 70rpx; line-height: 28px;
font-family: 'YouSheBiaoTiHei'; font-family: 'YouSheBiaoTiHei';
padding: 30rpx 0 0 30rpx; padding: 15px 0 0 15px;
background: center / 100% 100% url(./static/images/bg-task-r1.png) no-repeat; background: center / 100% 100% url(./static/images/bg-task-r1.png) no-repeat;
} }
.grid-wrap{ .grid-wrap{
width: calc(100% - 60rpx); width: calc(100% - 20px);
height: calc(100% - 420rpx); height: calc(100% - 145px);
padding: 30rpx 60rpx 0rpx 60rpx; padding: 5px 10px 0 10px;
margin: 10rpx auto 0; margin: 0 auto;
background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat; background: center / 100% 100% url(./static/images/bg-task-r2.png) no-repeat;
/* border: 1px solid #0090e6; /* border: 1px solid #0090e6;
background-color: rgba(2, 38, 72, 90%); background-color: rgba(2, 38, 72, 90%);
@@ -118,9 +118,9 @@ uni-button{
} }
.table-wrap { .table-wrap {
width: 100%; width: 100%;
height: calc(100% - 150rpx); height: calc(100% - 53px);
overflow-y: scroll; overflow-y: scroll;
margin-bottom: 40rpx; margin-bottom: 9px;
} }
.grid-wrap .grid-table{ .grid-wrap .grid-table{
width: 100%; width: 100%;
@@ -205,52 +205,54 @@ uni-button{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 30rpx; font-size: 14px;
line-height: 36rpx; line-height: 15px;
height: 80rpx; height: 30px;
color: #AFBED8; color: #AFBED8;
font-weight: bold; font-weight: bold;
padding: 0 10rpx; padding: 0 5px;
text-align: center; text-align: center;
} }
.zd-sec-th { .zd-sec-th {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 28rpx; font-size: 12px;
line-height: 30rpx; line-height: 13px;
height: 78rpx; height: 30px;
color: #fff; color: #fff;
/* background-color: #0F1521; */ /* background-color: #0F1521; */
font-weight: bold; font-weight: bold;
padding: 0 10rpx; padding: 0 5px;
text-align: center; text-align: center;
} }
.zd-td { .zd-td {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 12px;
line-height: 36rpx; line-height: 13px;
height: 86rpx; height: 30px;
color: #fff; color: #fff;
padding: 0 16rpx; padding: 0 5px;
text-align: center; text-align: center;
border-bottom: 2rpx solid #7A9FE0; border-bottom: 1px solid #7A9FE0;
word-break: break-all;
overflow: hidden; overflow: hidden;
} }
.zd-sec-td { .zd-sec-td {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 24rpx; font-size: 12px;
line-height: 28rpx; line-height: 13px;
height: 80rpx; height: 30px;
color: #fff; color: #fff;
background-color: rgba(194, 86, 62, 0.2); background-color: rgba(194, 86, 62, 0.2);
padding: 0 16rpx; padding: 0 5px;
text-align: center; text-align: center;
border-bottom: 2rpx solid #C2563E; border-bottom: 1px solid #C2563E;
word-break: break-all;
overflow: hidden; overflow: hidden;
} }
.zd-td-checked .zd-td { .zd-td-checked .zd-td {
@@ -258,8 +260,8 @@ uni-button{
border-bottom: 0 border-bottom: 0
} }
.zd-checkbox { .zd-checkbox {
width: 44rpx; width: 18px;
height: 44rpx; height: 18px;
background: center / 100% 100% url(./static/images/icon-check1.png) no-repeat; background: center / 100% 100% url(./static/images/icon-check1.png) no-repeat;
} }
.zd-checkbox_active { .zd-checkbox_active {
@@ -281,8 +283,8 @@ uni-button{
.zd-sec-wraper { .zd-sec-wraper {
width: 100%; width: 100%;
background-color: rgba(63,106,202,0.3); background-color: rgba(63,106,202,0.3);
padding: 30rpx; padding: 5px 10px;
border-bottom: 2rpx solid #7A9FE0; border-bottom: 1px solid #7A9FE0;
transition: height 0.5s ease; transition: height 0.5s ease;
} }
.status-wrap { .status-wrap {
@@ -431,18 +433,18 @@ uni-button{
height: 40%; height: 40%;
} }
.kwcode_wraper { .kwcode_wraper {
height: calc(100% - 170rpx) height: calc(100% - 85px)
} }
.pop-title { .pop-title {
font-size: 36rpx; font-size: 18px;
color: #fff; color: #fff;
font-family: 'YouSheBiaoTiHei'; font-family: 'YouSheBiaoTiHei';
line-height: 70rpx; line-height: 35px;
} }
.pop-grid-wraper { .pop-grid-wraper {
width: calc(100% - 60rpx); width: calc(100% - 30px);
height: calc(100% - 250rpx); height: calc(100% - 125px);
margin: 40rpx auto; margin: 20px auto;
overflow-y: scroll; overflow-y: scroll;
} }
.zd-pop-th-wraper { .zd-pop-th-wraper {
@@ -450,16 +452,16 @@ uni-button{
} }
.zd-pop-td { .zd-pop-td {
background-color: RGBA(23, 123, 172, 0.4); background-color: RGBA(23, 123, 172, 0.4);
border-bottom: 2rpx solid #177BAC; border-bottom: 1px solid #177BAC;
height: 100rpx; height: 40px;
font-size: 30rpx; font-size: 12px;
} }
.pop-input { .pop-input {
width: 100%; width: 100%;
height: 70rpx; height: 28px;
line-height: 70rpx; line-height: 28px;
font-size: 28rpx; font-size: 12px;
color: #fff; color: #fff;
border: 2rpx solid #21D0F2; border: 1px solid #21D0F2;
border-radius: 24rpx border-radius: 12px
} }

11
common/style/reset.css
View File

@@ -141,11 +141,14 @@ input[type="button"], input[type="submit"], input[type="search"], input[type="re
.mgr5 { .mgr5 {
margin-right: 5px; margin-right: 5px;
} }
.mgt40 { .mgt10 {
margin-top: 40rpx margin-top: 10px
} }
.mgb40 { .mgt20 {
margin-bottom: 40rpx margin-top: 20px
}
.mgb20 {
margin-bottom: 20px
} }
.popshow { .popshow {
transform: translateY(0); transform: translateY(0);

18
components/NavBar.vue
View File

@@ -52,26 +52,26 @@
@import '@/common/style/mixin.styl'; @import '@/common/style/mixin.styl';
.header .header
_fj() _fj()
_wh(100%, 90rpx) _wh(100%, 30px)
background-color #041427 background-color #041427
border-bottom 1rpx solid #13568B border-bottom 1px solid #13568B
z-index 200 z-index 200
padding 0 30rpx padding 0 10px
box-shadow: 0 2rpx 4rpx 0 RGBA(19, 86, 139, 0.5); box-shadow: 0 1px 2px 0 RGBA(19, 86, 139, 0.5);
.page_name .page_name
_font(50rpx, 90rpx, #F6F9FE,700,center) _font(22px, 30px, #F6F9FE,700,center)
font-family: YouSheBiaoTiHei font-family: YouSheBiaoTiHei
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
.icon_back { .icon_back {
font-size: 60rpx; font-size: 26px;
line-height: 60rpx; line-height: 30px;
color: #fff; color: #fff;
} }
.icon_home { .icon_home {
font-size: 60rpx; font-size: 26px;
line-height: 60rpx; line-height: 30px;
color: #fff; color: #fff;
} }
</style> </style>

10
components/Pagination.vue
View File

@@ -69,12 +69,12 @@ export default {
} }
text { text {
display: inline-block; display: inline-block;
padding: 0 20rpx; padding: 0 10px;
background-color: #fff; background-color: #fff;
border: 2rpx solid #ddd; border: 1px solid #ddd;
border-radius: 6rpx; border-radius: 3px;
margin-right: 20rpx; margin-right: 10px;
_font(30rpx, 70rpx, #053978,,) _font(13px, 26px, #053978,,)
} }
text.active { text.active {

20
components/ScanInput.vue
View File

@@ -123,19 +123,19 @@
<style lang="stylus"> <style lang="stylus">
@import '../common/style/mixin.styl'; @import '../common/style/mixin.styl';
.search_wraper .search_wraper
_wh(100%, 70rpx) _wh(100%, 28px)
padding 0 4rpx 0 24rpx padding 0 2px 0 12px
border 1rpx solid #4980BD border 1px solid #4980BD
background-color rgba(45,88,184,0.1) background-color rgba(45,88,184,0.1)
border-radius 12rpx border-radius 6px
.search_input .search_input
width 100% width 100%
height: 70rpx; height: 28px;
line-height: 70rpx; line-height: 28px;
font-size: 28rpx; font-size: 12px;
color: #fff color: #fff
.icon_scan .icon_scan
_wh(140rpx, 60rpx) _wh(70px, 30px)
_font(40rpx,60rpx,#fff,,center) _font(20px,30px,#fff,,center)
border-radius 24rpx border-radius 12px
</style> </style>

34
components/SearchBox.vue
View File

@@ -126,30 +126,30 @@
<style lang="stylus"> <style lang="stylus">
@import '../common/style/mixin.styl'; @import '../common/style/mixin.styl';
.search_wraper .search_wraper
_wh(100%, 76rpx) _wh(100%, 30px)
padding 0 4rpx 0 24rpx padding 0 2px 0 12px
border 1rpx solid #4980BD border 1px solid #4980BD
background-color rgba(45,88,184,0.1) background-color rgba(45,88,184,0.1)
border-radius 12rpx border-radius 6px
.search_input .search_input
width 100% width 100%
height: 76rpx; height: 30px;
line-height: 76rpx; line-height: 30px;
font-size: 28rpx; font-size: 13px;
color: #fff color: #fff
.icon-del .icon-del
_wh(70rpx, 70rpx) _wh(35px, 28px)
margin-right 10rpx margin-right 5px
_font(40rpx,70rpx,#a2b6cc,,center) _font(20px,28px,#a2b6cc,,center)
.icon_scan .icon_scan
_wh(140rpx, 60rpx) _wh(70px, 24px)
_font(40rpx,60rpx,#fff,,center) _font(20px,24px,#fff,,center)
background-color #137ABD background-color #137ABD
border-radius 24rpx border-radius 6px
.icon_search .icon_search
_wh(70rpx, 70rpx) _wh(35px, 28px)
_font(40rpx,70rpx,#a2b6cc,,center) _font(20px,28px,#a2b6cc,,center)
.input_focus .input_focus
border: 1rpx solid #889dc7; border: 1px solid #889dc7;
box-shadow: 0 0 0 2rpx rgba(136, 157, 199,.2); box-shadow: 0 0 0 1px rgba(136, 157, 199,.2);
</style> </style>

80
pages/home/home.vue
View File

@@ -74,44 +74,44 @@
_wh(100%, 100%) _wh(100%, 100%)
_bis(,'../../static/images/home_bg.jpg', 100%, 100%,bottom) _bis(,'../../static/images/home_bg.jpg', 100%, 100%,bottom)
.header .header
height 120rpx height 60px
padding 0 30rpx padding 0 15px
align-items flex-start align-items flex-start
justify-content flex-end justify-content flex-end
_bis(,'../../static/images/header_bg.png', 100%, 100%,bottom) _bis(,'../../static/images/header_bg.png', 100%, 100%,bottom)
.home_title .home_title
_font(50rpx,70rpx,#F6F9FE,,center) _font(25px,35px,#F6F9FE,,center)
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
.home_userinfo .home_userinfo
height 70rpx height 35px
.user_icon .user_icon
_wh(50rpx, 50rpx) _wh(25px, 25px)
margin-right 10rpx margin-right 5px
_bis(,'../../static/images/user_icon.png', 100%, 100%,center) _bis(,'../../static/images/user_icon.png', 100%, 100%,center)
.user_name .user_name
_font(34rpx,34rpx,#fff,,center) _font(17px,17px,#fff,,center)
padding-right 10rpx padding-right 5px
margin 18rpx 20rpx 18rpx 0 margin 9px 10px 9px 0
border-right 1rpx solid #AECAF5 border-right 1px solid #AECAF5
.exit_text .exit_text
height 60rpx height 30px
_font(28rpx,60rpx,#fff,,center) _font(14px,30px,#fff,,center)
padding 0 20rpx padding 0 10px
margin 5rpx 0 margin 2.5px 0
_bis(,'../../static/images/state-item_bg.png', 100%, 100%,center) _bis(,'../../static/images/state-item_bg.png', 100%, 100%,center)
.welcome_text_wraper .welcome_text_wraper
height 140rpx height 70px
margin 30rpx 100rpx margin 0 50px
.welcome_text .welcome_text
_font(26px, 140rpx, #F6F9FE,,) _font(26px, 70px, #F6F9FE,,)
padding-left 40rpx padding-left 20px
font-family: YouSheBiaoTiHei font-family: YouSheBiaoTiHei
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(49,190,255,0.9) 0%, rgba(239,252,254,1) 40%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
.zd_wrapper .zd_wrapper
_wh(calc(100% - 200rpx),calc(100% - 450rpx)) /** 120rpx + 200rpx + 130rpx */ _wh(calc(100% - 100px),calc(100% - 180px)) /** 120rpx + 200rpx + 130rpx */
margin 40rpx 100rpx 0rpx 100rpx margin 20px 50px 0 50px
_bis(,'../../static/images/bg-task-r2.png', 100%, 100%,center) _bis(,'../../static/images/bg-task-r2.png', 100%, 100%,center)
.menu-wrap .menu-wrap
flex-wrap wrap flex-wrap wrap
@@ -120,27 +120,27 @@
height 100% height 100%
.menu-item .menu-item
width 20% width 20%
margin-bottom 100rpx margin 20px 0
.menu_name_bg .menu_name_bg
position relative position relative
_wh(200rpx, 200rpx) _wh(100px, 100px)
margin 0 auto margin 0 auto
border-radius 40rpx border-radius 20px
background-image: radial-gradient( ellipse farthest-corner at 22rpx 22rpx , #afafb9, #afafb9 50%, #ffffff 50%); background-image: radial-gradient( ellipse farthest-corner at 11px 11px , #afafb9, #afafb9 50%, #ffffff 50%);
background-size: 22rpx 22rpx; background-size: 11px 11px;
.bg_texture_1, .bg_texture_7 .bg_texture_1, .bg_texture_7
background: repeating-linear-gradient( -45deg, #afafb9, #afafb9 10rpx, #ffffff 10rpx, #ffffff 16rpx ); background: repeating-linear-gradient( -45deg, #afafb9, #afafb9 5px, #ffffff 5px, #ffffff 8px );
.menu-name .menu-name
background-color rgba(49, 95, 255, 0.8) background-color rgba(49, 95, 255, 0.8)
.bg_texture_3, .bg_texture_6 .bg_texture_3, .bg_texture_6
background-image: repeating-linear-gradient(45deg, #afafb9 25%, transparent 25%, transparent 75%, #afafb9 75%, #afafb9), repeating-linear-gradient(45deg, #afafb9 25%, #ffffff 25%, #ffffff 75%, #afafb9 75%, #afafb9); background-image: repeating-linear-gradient(45deg, #afafb9 25%, transparent 25%, transparent 75%, #afafb9 75%, #afafb9), repeating-linear-gradient(45deg, #afafb9 25%, #ffffff 25%, #ffffff 75%, #afafb9 75%, #afafb9);
background-position: 0 0, 22rpx 22rpx; background-position: 0 0, 11px 11px;
background-size: 44rpx 22rpx; background-size: 22px 22px;
.menu-name .menu-name
background-color rgba(0, 239, 48, 0.8) background-color rgba(0, 239, 48, 0.8)
.bg_texture_2, .bg_texture_5 .bg_texture_2, .bg_texture_5
background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 27.5rpx 27.5rpx, linear-gradient(#afafb9 4rpx, transparent 4rpx) 0 -4rpx, linear-gradient(90deg, #afafb9 4rpx, #ffffff 4rpx) -4rpx 0; background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 13.5px 13.5px, linear-gradient(#afafb9 2px, transparent 2px) 0 -2px, linear-gradient(90deg, #afafb9 2px, #ffffff 2px) -2px 0;
background-size: 55rpx 55rpx, 55rpx 55rpx, 27.5rpx 27.5rpx, 27.5rpx 27.5rpx; background-size: 27.5px 27.5px, 27.5px 27.5px, 13.75px 13.75px, 13.75px 13.75px;
.menu-name .menu-name
background-color rgba(255, 189, 45, 0.8) background-color rgba(255, 189, 45, 0.8)
.bg_texture_4 .bg_texture_4
@@ -150,25 +150,25 @@
display flex display flex
justify-content center justify-content center
align-items center align-items center
_wh(200rpx, 200rpx) _wh(100px, 100px)
padding 20rpx padding 10px
border-radius 40rpx border-radius 20px
_font(40rpx, 50rpx, #fff,bold,center) _font(20px, 25px, #fff,bold,center)
background-color rgba(0,166,255,0.8) background-color rgba(0,166,255,0.8)
.bill_count .bill_count
position absolute position absolute
top -20rpx top -10px
right -20rpx right -10px
_wh(60rpx, 60rpx) _wh(30px, 30px)
background-color $red background-color $red
border-radius 50% border-radius 50%
_font(40rpx, 60rpx, #fff,bold,center) _font(20px, 30px, #fff,bold,center)
box-shadow 6rpx 6rpx 2rpx 2rpx rgba(0,0,0,.3) box-shadow 3px 3px 1px 1px rgba(0,0,0,.3)
.left_bg .left_bg
position absolute position absolute
left 0 left 0
top 0 top 0
_wh(50rpx, 100%) _wh(25px, 100%)
_bis(,'../../static/images/hud_left.png', 100%, ,center) _bis(,'../../static/images/hud_left.png', 100%, ,center)
.right_bg .right_bg
left auto left auto

52
pages/login/login.vue
View File

@@ -12,13 +12,13 @@
<view class="login_cnt drift" :style="{'left': '-'+drift*2+'%'}"> <view class="login_cnt drift" :style="{'left': '-'+drift*2+'%'}">
<view class="login_card"> <view class="login_card">
<view class="card_wrap"> <view class="card_wrap">
<view class="zd-row mgb40"> <view class="zd-row mgb20">
<view class="zd-col-4 login_label">账号</view> <view class="zd-col-4 login_label">账号</view>
<view class="zd-col-20"> <view class="zd-col-20">
<input type="text" placeholder="用户名" v-model="loginname" class="inputStyle"> <input type="text" placeholder="用户名" v-model="loginname" class="inputStyle">
</view> </view>
</view> </view>
<view class="zd-row mgb40"> <view class="zd-row mgb20">
<view class="zd-col-4 login_label">密码</view> <view class="zd-col-4 login_label">密码</view>
<view class="zd-col-20 relative"> <view class="zd-col-20 relative">
<input :type="inputType" placeholder="密码" v-model="password" class="inputStyle"> <input :type="inputType" placeholder="密码" v-model="password" class="inputStyle">
@@ -26,7 +26,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="zd-row mgt40 mgb40"> <view class="zd-row mgt20 mgb20">
<button class="primary-button" :disabled="disabled" @click="toLogin">登&nbsp;&nbsp;录</button> <button class="primary-button" :disabled="disabled" @click="toLogin">登&nbsp;&nbsp;录</button>
</view> </view>
<view class="zd-row"> <view class="zd-row">
@@ -37,20 +37,20 @@
</view> </view>
<view class="login_card"> <view class="login_card">
<view class="card_wrap"> <view class="card_wrap">
<view class="zd-row mgb40"> <view class="zd-row mgb20">
<view class="zd-col-4 login_label">域名</view> <view class="zd-col-4 login_label">域名</view>
<view class="zd-col-20"> <view class="zd-col-20">
<input type="text" placeholder="域名地址" v-model="baseUrl" class="inputStyle"> <input type="text" placeholder="域名地址" v-model="baseUrl" class="inputStyle">
</view> </view>
</view> </view>
<view class="zd-row mgb40"> <view class="zd-row mgb20">
<view class="zd-col-6 login_label">刷新时间</view> <view class="zd-col-6 login_label">刷新时间</view>
<view class="zd-col-18"> <view class="zd-col-18">
<input type="number" placeholder="刷新时间" v-model="setTime" class="inputStyle"> <input type="number" placeholder="刷新时间" v-model="setTime" class="inputStyle">
</view> </view>
</view> </view>
</view> </view>
<view class="zd-row mgt40 mgb40"> <view class="zd-row mgt20 mgb20">
<button class="primary-button" :disabled="disabled" @tap="toConfig">配&nbsp;&nbsp;置</button> <button class="primary-button" :disabled="disabled" @tap="toConfig">配&nbsp;&nbsp;置</button>
</view> </view>
</view> </view>
@@ -91,6 +91,10 @@
androidUrl: '' androidUrl: ''
}; };
}, },
mounted () {
// alert(window.screen.availWidth)
// alert(window.screen.availHeight)
},
methods: { methods: {
_tabChange (num) { _tabChange (num) {
this.drift = num this.drift = num
@@ -182,23 +186,23 @@
position fixed position fixed
left 50% left 50%
top 50% top 50%
width 50% width 60%
padding 5% 6% padding 5% 8%
transform translate3d(-50%, -50%, 0) transform translate3d(-50%, -50%, 0)
_bis(,'../../static/images/form_bg.png', 100%, 100%,bottom) _bis(,'../../static/images/form_bg.png', 100%, 100%,bottom)
.login_w .login_w
_wh(100%, 100%) _wh(100%, 100%)
overflow hidden overflow hidden
.login_tab .login_tab
height 100rpx height 50px
padding 0 10rpx 50rpx 10% padding 0 5px 25px 10%
margin-bottom 15px margin-bottom 15px
_bis(,'../../static/images/login_tabs_bg.png', 100%, 100%,bottom) _bis(,'../../static/images/login_tabs_bg.png', 100%, 100%,bottom)
.login_tab_item .login_tab_item
cursor pointer cursor pointer
_font(50rpx,66rpx,#99B1DD,,center) _font(25px,33px,#99B1DD,,center)
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
padding 0 50rpx 0 10rpx padding 0 25px 0 5px
.login_tab_active .login_tab_active
color #fff color #fff
_bis(,'../../static/images/login_tab_active.png', 100%, 100%,bottom) _bis(,'../../static/images/login_tab_active.png', 100%, 100%,bottom)
@@ -212,35 +216,35 @@
.card_wrap .card_wrap
overflow hidden overflow hidden
.login_label .login_label
_font(36rpx, 90rpx, #AFBED8,,) _font(18px, 45px, #AFBED8,,)
.inputStyle .inputStyle
_font(36rpx, 90rpx, #fff,,) _font(18px, 45px, #fff,,)
_wh(100%, 90rpx) _wh(100%, 45px)
background: rgba(45,88,184,0.1); background: rgba(45,88,184,0.1);
border: 2rpx solid #4980BD; border: 1px solid #4980BD;
padding 0 22rpx padding 0 11px
.inputStyle[focus] .inputStyle[focus]
background: rgba(45,88,184,0.25); background: rgba(45,88,184,0.25);
border: 2rpx solid #21D0F2; border: 1px solid #21D0F2;
line-height 90rpx line-height 45px
.login_icon .login_icon
position absolute position absolute
top 5px top 5px
right 10px right 10px
.primary-button .primary-button
_wh(auto, 100rpx) _wh(auto, 50px)
padding 0 100rpx padding 0 50px
_font(50rpx,100rpx,#fff,,center) _font(25px,50px,#fff,,center)
_bis(,'../../static/images/button.png', 100%, 100%,bottom) _bis(,'../../static/images/button.png', 100%, 100%,bottom)
.san_text .san_text
_font(36rpx,36px,#fff,,center) _font(18px,36px,#fff,,center)
.drift .drift
transition left .3s linear transition left .3s linear
.version-name .version-name
width 100% width 100%
position: absolute position: absolute
bottom 3% bottom 3%
_font(30rpx, 60rpx, #fff,,center) _font(15px, 30px, #fff,,center)
.daoying_bg .daoying_bg
position: absolute position: absolute
bottom -30% bottom -30%

2
pages/management/in-storage.vue
View File

@@ -71,7 +71,7 @@
<view class="zd-col-2 zd-sec-td"><text>{{el.fzsl}}</text></view> <view class="zd-col-2 zd-sec-td"><text>{{el.fzsl}}</text></view>
<view class="zd-col-3 zd-sec-td"><text>{{el.cksj}}</text></view> <view class="zd-col-3 zd-sec-td"><text>{{el.cksj}}</text></view>
</view> </view>
<view class="zd-row mgt40"> <view class="zd-row mgt10">
<view class="zd-col-12 zd-row jcflexstart"> <view class="zd-col-12 zd-row jcflexstart">
<button class="confirm-button" :class="{'confirm-button_disabled': checkArr2.length === 0}" @tap="kuwConfirm">库位修改</button> <button class="confirm-button" :class="{'confirm-button_disabled': checkArr2.length === 0}" @tap="kuwConfirm">库位修改</button>
</view> </view>