样式修改
This commit is contained in:
@@ -52,26 +52,26 @@
|
||||
@import '@/common/style/mixin.styl';
|
||||
.header
|
||||
_fj()
|
||||
_wh(100%, 90rpx)
|
||||
_wh(100%, 30px)
|
||||
background-color #041427
|
||||
border-bottom 1rpx solid #13568B
|
||||
border-bottom 1px solid #13568B
|
||||
z-index 200
|
||||
padding 0 30rpx
|
||||
box-shadow: 0 2rpx 4rpx 0 RGBA(19, 86, 139, 0.5);
|
||||
padding 0 10px
|
||||
box-shadow: 0 1px 2px 0 RGBA(19, 86, 139, 0.5);
|
||||
.page_name
|
||||
_font(50rpx, 90rpx, #F6F9FE,700,center)
|
||||
_font(22px, 30px, #F6F9FE,700,center)
|
||||
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%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
.icon_back {
|
||||
font-size: 60rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
.icon_home {
|
||||
font-size: 60rpx;
|
||||
line-height: 60rpx;
|
||||
font-size: 26px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -69,12 +69,12 @@ export default {
|
||||
}
|
||||
text {
|
||||
display: inline-block;
|
||||
padding: 0 20rpx;
|
||||
padding: 0 10px;
|
||||
background-color: #fff;
|
||||
border: 2rpx solid #ddd;
|
||||
border-radius: 6rpx;
|
||||
margin-right: 20rpx;
|
||||
_font(30rpx, 70rpx, #053978,,)
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px;
|
||||
margin-right: 10px;
|
||||
_font(13px, 26px, #053978,,)
|
||||
}
|
||||
|
||||
text.active {
|
||||
|
||||
@@ -123,19 +123,19 @@
|
||||
<style lang="stylus">
|
||||
@import '../common/style/mixin.styl';
|
||||
.search_wraper
|
||||
_wh(100%, 70rpx)
|
||||
padding 0 4rpx 0 24rpx
|
||||
border 1rpx solid #4980BD
|
||||
_wh(100%, 28px)
|
||||
padding 0 2px 0 12px
|
||||
border 1px solid #4980BD
|
||||
background-color rgba(45,88,184,0.1)
|
||||
border-radius 12rpx
|
||||
border-radius 6px
|
||||
.search_input
|
||||
width 100%
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
font-size: 28rpx;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 12px;
|
||||
color: #fff
|
||||
.icon_scan
|
||||
_wh(140rpx, 60rpx)
|
||||
_font(40rpx,60rpx,#fff,,center)
|
||||
border-radius 24rpx
|
||||
_wh(70px, 30px)
|
||||
_font(20px,30px,#fff,,center)
|
||||
border-radius 12px
|
||||
</style>
|
||||
|
||||
@@ -126,30 +126,30 @@
|
||||
<style lang="stylus">
|
||||
@import '../common/style/mixin.styl';
|
||||
.search_wraper
|
||||
_wh(100%, 76rpx)
|
||||
padding 0 4rpx 0 24rpx
|
||||
border 1rpx solid #4980BD
|
||||
_wh(100%, 30px)
|
||||
padding 0 2px 0 12px
|
||||
border 1px solid #4980BD
|
||||
background-color rgba(45,88,184,0.1)
|
||||
border-radius 12rpx
|
||||
border-radius 6px
|
||||
.search_input
|
||||
width 100%
|
||||
height: 76rpx;
|
||||
line-height: 76rpx;
|
||||
font-size: 28rpx;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 13px;
|
||||
color: #fff
|
||||
.icon-del
|
||||
_wh(70rpx, 70rpx)
|
||||
margin-right 10rpx
|
||||
_font(40rpx,70rpx,#a2b6cc,,center)
|
||||
_wh(35px, 28px)
|
||||
margin-right 5px
|
||||
_font(20px,28px,#a2b6cc,,center)
|
||||
.icon_scan
|
||||
_wh(140rpx, 60rpx)
|
||||
_font(40rpx,60rpx,#fff,,center)
|
||||
_wh(70px, 24px)
|
||||
_font(20px,24px,#fff,,center)
|
||||
background-color #137ABD
|
||||
border-radius 24rpx
|
||||
border-radius 6px
|
||||
.icon_search
|
||||
_wh(70rpx, 70rpx)
|
||||
_font(40rpx,70rpx,#a2b6cc,,center)
|
||||
_wh(35px, 28px)
|
||||
_font(20px,28px,#a2b6cc,,center)
|
||||
.input_focus
|
||||
border: 1rpx solid #889dc7;
|
||||
box-shadow: 0 0 0 2rpx rgba(136, 157, 199,.2);
|
||||
border: 1px solid #889dc7;
|
||||
box-shadow: 0 0 0 1px rgba(136, 157, 199,.2);
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user