root/pad-hl-hcx-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
caill
2023-03-24 17:18:00 +08:00
parent 10a055cf4a
commit b2d6a975dc
9 changed files with 139 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
App.vue
View File

@@ -2,7 +2,7 @@
export default { export default {
onLaunch: function() { onLaunch: function() {
// #ifdef APP-PLUS // #ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary'); plus.screen.lockOrientation('landscape-primary');
plus.navigator.setFullscreen(true); plus.navigator.setFullscreen(true);
// #endif // #endif
}, },
@@ -11,7 +11,7 @@
}, },
onUnload() { onUnload() {
// #ifdef APP-PLUS // #ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary'); plus.screen.lockOrientation('landscape-primary');
// #endif // #endif
} }
} }

40
common/style/iconfont.css
View File

@@ -12,48 +12,48 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.delete_icon { .delete_icon {
width: 40rpx; width: 30px;
height: 40rpx; height: 35px;
font-size: 40rpx; font-size: 20px;
line-height: 40rpx; line-height: 35px;
color: #bbb; color: #bbb;
} }
.delete_icon::after { .delete_icon::after {
content: '\e632'; content: '\e632';
} }
.eye_colse_icon { .eye_colse_icon {
width: 40rpx; width: 30px;
height: 40rpx; height: 35px;
font-size: 40rpx; font-size: 20px;
line-height: 40rpx; line-height: 35px;
color: #bbb; color: #bbb;
} }
.eye_colse_icon::after { .eye_colse_icon::after {
content: '\e7b2'; content: '\e7b2';
} }
.eye_open_icon { .eye_open_icon {
width: 40rpx; width: 30px;
height: 40rpx; height: 35px;
font-size: 40rpx; font-size: 20px;
line-height: 40rpx; line-height: 35px;
color: #bbb; color: #D7592F;
} }
.eye_open_icon::after { .eye_open_icon::after {
content: '\e7b2'; content: '\e60a';
} }
.scan_icon { .scan_icon {
width: 80rpx; width: 30px;
height: 80rpx; height: 30px;
font-size: 70rpx; font-size: 30px;
line-height: 80rpx; line-height: 35px;
color: #D7592F; color: #D7592F;
} }
.scan_icon::after { .scan_icon::after {
content: '\e607'; content: '\e607';
} }
.icon-check { .icon-check {
width: 44rpx; width: 30px;
height: 44rpx; height: 30px;
background-color: #fff; background-color: #fff;
border-radius: 50%; border-radius: 50%;
margin: 0 auto; margin: 0 auto;

145
common/style/layout.css
View File

@@ -18,30 +18,30 @@ uni-button:after {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.search-confirm-wrap { .search-confirm-wrap {
width: calc(100% - 60rpx); width: calc(100% - 30px);
background-color: #fff; background-color: #fff;
margin: 30rpx auto; margin: 15px auto;
border-radius: 12rpx; border-radius: 12px;
padding-bottom: 30rpx; padding-bottom: 15px;
} }
.search-wrap{ .search-wrap{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 0 30rpx; padding: 0 15px;
} }
.search-item{ .search-item{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 48%; width: 48%;
margin-top: 30rpx; margin-top: 15px;
} }
.search-label{ .search-label{
width: 160rpx; width: 70px;
height: 86rpx; height: 35px;
font-size: 32rpx; font-size: 16px;
line-height: 86rpx; line-height: 35px;
color: #323232; color: #323232;
text-align: justify; text-align: justify;
text-align-last: justify; text-align-last: justify;
@@ -54,58 +54,51 @@ uni-button:after {
visibility: hidden; visibility: hidden;
} }
.filter_input_wraper { .filter_input_wraper {
width: calc(100% - 200rpx); width: calc(100% - 100px);
height: 86rpx; height: 35px;
line-height: 86rpx; line-height: 35px;
}
.uni-select {
font-size: 32rpx !important;
height: 86rpx !important;
}
.uni-select__input-placeholder {
font-size: 32rpx !important;
} }
.search-input{ .search-input{
width: calc(100% - 200rpx); width: calc(100% - 10px);
height: 86rpx; height: 35px;
line-height: 86rpx; line-height: 35px;
font-size: 32rpx; font-size: 14px;
color: #606266; color: #606266;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 8rpx; border-radius: 4px;
text-indent: 40rpx; text-indent: 10px;
} }
.search-input-l { .search-input-l {
width: 100%; width: 100%;
height: 86rpx; height: 35px;
line-height: 86rpx; line-height: 35px;
font-size: 32rpx; font-size: 14px;
color: #606266; color: #606266;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 8rpx; border-radius: 4px;
text-indent: 40rpx; text-indent: 10px;
padding-right: 30rpx; padding-right: 10px;
} }
.confirm-button-wrap{ .confirm-button-wrap{
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: 100%;
height: 86rpx; height: 35px;
line-height: 86rpx; line-height: 35px;
margin-top: 30rpx; margin-top: 15px;
padding: 0 30rpx; padding: 0 15px;
} }
.confirm-button{ .confirm-button{
margin-left: 30rpx !important; margin-left: 15px !important;
margin-right: 0 !important; margin-right: 0 !important;
background-color: #D7592F; background-color: #D7592F;
color: #fff; color: #fff;
line-height: 86rpx; line-height: 35px;
} }
.grid-wrap{ .grid-wrap{
width: 100%; width: 100%;
height: calc(100% - 410rpx); /** 88+ 30*5+ 86*2 */ height: calc(100% - 187px); /** 42+ 15*5+ 35*2 */
padding: 0 30rpx 30rpx 30rpx; padding: 0 15px 15px 15px;
overflow-y: scroll; overflow-y: scroll;
} }
.grid-table{ .grid-table{
@@ -116,55 +109,55 @@ uni-button:after {
text-align: center; text-align: center;
} }
.grid-table thead tr th{ .grid-table thead tr th{
font-size: 26rpx; font-size: 15px;
line-height: 86rpx; line-height: 35px;
padding: 0 10rpx; padding: 0 5px;
background-color: #e1e1e1; background-color: #e1e1e1;
} }
.grid-table thead tr th:first-child{ .grid-table thead tr th:first-child{
border-top-left-radius: 12rpx; border-top-left-radius: 12px;
} }
.grid-table thead tr th:last-child{ .grid-table thead tr th:last-child{
border-top-right-radius: 12rpx; border-top-right-radius: 12px;
} }
.grid-table th, .grid-table td { .grid-table th, .grid-table td {
color: #464646; color: #464646;
background-color: #fff; background-color: #fff;
border-right: 2rpx solid #e1e1e1; border-right: 1px solid #e1e1e1;
border-bottom: 2rpx solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
} }
.grid-table th:first-child, .grid-table td:first-child{ .grid-table th:first-child, .grid-table td:first-child{
border-left: 2rpx solid #e1e1e1; border-left: 1px solid #e1e1e1;
} }
.grid-table td { .grid-table td {
height: 88rpx; height: 35px;
line-height: 44rpx; line-height: 35px;
font-size: 24rpx; font-size: 15px;
padding: 0 10rpx; padding: 0 5px;
} }
.status-wrap { .status-wrap {
width: 48%; width: 48%;
height: 86rpx; height: 35px;
padding: 0 30rpx; padding: 0 15px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
margin-top: 30rpx; margin-top: 15px;
} }
.status-item { .status-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 20rpx; margin-left: 10px;
} }
.status-icon { .status-icon {
width: 40rpx; width: 20px;
height: 40rpx; height: 20px;
border-radius: 4rpx; border-radius: 4px;
margin-right: 10rpx; margin-right: 10px;
} }
.status-txt { .status-txt {
font-size: 32rpx; font-size: 16px;
line-height: 86rpx; line-height: 35px;
color: #323232; color: #323232;
} }
.bg-gray { .bg-gray {
@@ -185,36 +178,36 @@ uni-button:after {
justify-content: flex-start; justify-content: flex-start;
align-content: flex-start; align-content: flex-start;
align-items: flex-start; align-items: flex-start;
width: calc(100% - 60rpx); width: calc(100% - 30px);
height: calc(100% - 324rpx);/** 88+30*4+86 */ height: calc(100% - 137px);/** 42+15*4+35 */
margin: 30rpx auto; margin: 15px auto;
padding: 30rpx 30rpx 0 30rpx; padding: 15px 15px 0 15px;
overflow-y: auto; overflow-y: auto;
background-color: #fff; background-color: #fff;
border-radius: 12rpx; border-radius: 12px;
} }
.material-item { .material-item {
width: 8.2%; width: 8.2%;
margin-right: 2%; margin-right: 2%;
margin-bottom: 30rpx; margin-bottom: 15px;
padding: 15rpx 15rpx; padding: 5px;
border-radius: 12rpx; border-radius: 12px;
} }
.material-item:nth-child(10n) { .material-item:nth-child(10n) {
margin-right: 0; margin-right: 0;
} }
.material-title { .material-title {
font-size: 32rpx; font-size: 16px;
line-height: 45rpx; line-height: 35px;
height: 45rpx; height: 35px;
text-align: center; text-align: center;
color: #fff; color: #fff;
overflow: hidden; overflow: hidden;
} }
.material-spec { .material-spec {
font-size: 32rpx; font-size: 16px;
line-height: 45rpx; line-height: 26px;
height: 90rpx; height: 52px;
text-align: center; text-align: center;
color: #fff; color: #fff;
overflow: hidden; overflow: hidden;

14
components/NavBar.vue
View File

@@ -52,20 +52,20 @@
@import '@/common/style/mixin.styl'; @import '@/common/style/mixin.styl';
.header .header
_fj() _fj()
_wh(100%, 88rpx) _wh(100%, 42px)
background-color $red background-color $red
z-index 200 z-index 200
padding 0 20rpx padding 0 15px
.page_name .page_name
_font(32rpx, 32rpx, #fff,700,center) _font(16px, 20px, #fff,700,center)
.icon_back { .icon_back {
font-size: 52rpx; font-size: 30px;
line-height: 52rpx; line-height: 30px;
color: #fff; color: #fff;
} }
.icon_home { .icon_home {
font-size: 52rpx; font-size: 30px;
line-height: 52rpx; line-height: 30px;
color: #fff; color: #fff;
} }
</style> </style>

25
components/SearchBox.vue
View File

@@ -99,30 +99,29 @@
@import '../common/style/mixin.styl'; @import '../common/style/mixin.styl';
.search_wraper .search_wraper
position relative position relative
_wh(100%, 86rpx) _wh(100%, 35px)
.search_input .search_input
padding-right: 160rpx
border 1px solid #e5e5e5 border 1px solid #e5e5e5
border-radius 4px border-radius 4px
height: 86rpx; height: 35px;
line-height: 86rpx; line-height: 35px;
padding-left 10px; padding-left 10px;
padding-right 150rpx; padding-right 100px;
font-size: 32rpx; font-size: 14px;
color: #6a6a6a color: #6a6a6a
.buttons_wraper .buttons_wraper
_fj() _fj()
position absolute position absolute
top 0 top 0
right 0 right 0
_wh(auto, 86rpx) _wh(auto, 35px)
.icon-del .icon-del
_wh(50rpx, 86rpx) _wh(30px, 35px)
_font(40rpx,86rpx,#6a6a6a,,center) _font(30px,35px,#6a6a6a,,center)
.icon_scan .icon_scan
_wh(50rpx, 86rpx) _wh(30px, 35px)
_font(40rpx,86rpx,#6a6a6a,,center) _font(30px,35px,#6a6a6a,,center)
.icon_search .icon_search
_wh(50rpx, 86rpx) _wh(30px, 35px)
_font(40rpx,86rpx,#6a6a6a,,center) _font(30px,35px,#6a6a6a,,center)
</style> </style>

26
pages/home/home.vue
View File

@@ -73,26 +73,26 @@
flex-direction column flex-direction column
.header .header
_fj() _fj()
_wh(100%,88rpx) _wh(100%,42px)
background-color $red background-color $red
.header-item .header-item
width calc(50% - 20rpx) width calc(50% - 30px)
padding 0 10px padding 0 10px
.header-user .header-user
_font(32rpx, 88rpx, #fff,,) _font(16px, 42px, #fff,,)
.header-r .header-r
_fj(flex-end) _fj(flex-end)
/deep/ .header-r uni-button /deep/ .header-r uni-button
margin-right 0 margin-right 0
.header-button .header-button
_wh(160rpx, 60rpx) _wh(auto, 34px)
_font(32rpx,60rpx,#333,,) _font(16px,34px,#333,,)
.nav-wrapper .nav-wrapper
_wh(calc(100% - 60rpx),calc(100% - 148rpx)) _wh(calc(100% - 15px),calc(100% - 72px))
padding 0 20% padding 0 20%
background-color #fff background-color #fff
border-radius 12rpx border-radius 12px
margin 30rpx auto margin 15px auto
.nav-wrap .nav-wrap
_fj(flex-start) _fj(flex-start)
align-content center align-content center
@@ -101,13 +101,13 @@
.nav-item .nav-item
_fj(center) _fj(center)
align-items center align-items center
_wh(30%,200rpx) _wh(30%,82px)
border-radius 20rpx border-radius 12px
border 10px solid #acbec6 border 10px solid #acbec6
margin 15rpx 5% 15rpx 0 margin 15px 5% 15px 0
.nav-item:nth-child(3n) .nav-item:nth-child(3n)
margin-right 0 margin-right 0
.nav-text .nav-text
_font(40rpx, 60rpx, #333,,) _font(18px, 42px, #333,,)
letter-spacing: 4rpx letter-spacing: 2px
</style> </style>

28
pages/login/login.vue
View File

@@ -158,13 +158,13 @@
overflow hidden overflow hidden
.login_tab .login_tab
position relative position relative
height 100rpx height 35px
border-bottom 1px solid #E2E2E2 border-bottom 1px solid #E2E2E2
margin-bottom 40rpx margin-bottom 15px
.login_tab_item .login_tab_item
float left float left
width 50% width 50%
_font(32rpx,100rpx,#444444,,center) _font(16px,35px,#444444,,center)
cursor pointer cursor pointer
.login_tab_line .login_tab_line
position absolute position absolute
@@ -185,31 +185,31 @@
.inputOuter .inputOuter
position relative position relative
width 100% width 100%
margin 40rpx auto margin 15px auto
.inputStyle .inputStyle
_wh(100%,80rpx) _wh(100%,35px)
_font(30rpx,80rpx,#999,,) _font(16px,35px,#999,,)
text-indent 20rpx text-indent 10px
border-bottom 1px solid #E2E2E2 border-bottom 1px solid #E2E2E2
box-sizing border-box box-sizing border-box
.login_icon .login_icon
position absolute position absolute
top 20rpx top 0
right 20rpx right 10px
.submit .submit
width 100% width 100%
margin 40rpx auto margin 15px auto
text-align center text-align center
.primary-button .primary-button
_wh(100%, 80rpx) _wh(100%, 35px)
background-color #d7592f background-color #d7592f
border-radius 80rpx border-radius 35px
_font(32rpx,80rpx,#fff,,center) _font(16px,35px,#fff,,center)
.scanBox .scanBox
_fj() _fj()
flex-direction column flex-direction column
.san_text .san_text
_font(32rpx,1,#D7592F,,center) _font(16px,24px,#D7592F,,center)
.drift .drift
transition left .3s linear transition left .3s linear
</style> </style>

2
pages/management/hcxcheck.vue
View File

@@ -75,7 +75,7 @@
.search-wrap .search-wrap
width 48% width 48%
.search-item .search-item
width calc(100% - 250rpx) width calc(100% - 120px)
.confirm-button-wrap .confirm-button-wrap
width auto width auto
justify-content flex-start justify-content flex-start

2
pages/management/outscanerror.vue
View File

@@ -68,7 +68,7 @@
options1: [], options1: [],
index1: '', index1: '',
val1: '', val1: '',
dataList: [{instruct_uuid: '1'}], dataList: [{instruct_uuid: '1', instructorder_no: '000dfj'}],
pkId: '', pkId: '',
disabled: false disabled: false
}; };