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

52
pages/login/login.vue
View File

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