Skip to content

html / poolin_app

Go to a project
Commit bd7f157b by jingjie
Options

jingjie

parent 74cb2b39
Showing with 43 additions and 33 deletions
src/assets/less/style2.less
......@@ -6,38 +6,35 @@
@fontGray: #8e8e8e;
@bgGray:#ededf2;
//线
.line(){
&.xb{left: 0; right: 0;height: 1px;width: 100%; background: #ededf2;;content: '';position: absolute;bottom:0;transform: scaleY(0.33) translateY(1px);}
.line(){.pos(r);
&.xb{left: 0; right: 0;height: 1px;width: 100%; background: #ccc;content: '';.pos(a);bottom:0;transform: scaleY(0.33) translateY(1px);}
}
.page{
background: @bgGray;
.page-content{
/*语言图标*/
/*币种图标*/
}
}
.language{
background: @bgGray;
.page-content{
&.top{
padding-top: 0.28rem;
}
.language-content{
background: #fff;
.language-item{
height: 0.87rem;
line-height: 0.87rem;
padding: 0 10px;
background-color: #fff;
.pos(r);
&:after{.line.xb;}
.language-title{
height: 0.87rem;
line-height: 0.87rem;
span{
font-size: 0.3rem;
color: @fontGray;
}
img{
width: 0.48rem;
height: 0.32rem;
.language-img{
display:inline-block;vertical-align:middle;padding:0rem;background-size:0.48rem 0.32rem; background-repeat: no-repeat; background-position: 0rem center;
width: 0.48rem;height: 0.32rem;
&.zh-cn {background-image:url(../../assets/img/cn.png);}
&.en {background-image:url(../../assets/img/en.png);}
margin-top: -0.02rem;
}
}
......@@ -58,6 +55,7 @@
}
.default-coin {
background: @bgGray;
.el-form-item {background: #fff; padding: 0rem 0.3rem;
.el-input {padding:0.1rem 0;}
.el-input__inner {border: 0px; padding:0; font-size: 0.32rem;}
......
src/components/Settings/Language.vue
......@@ -6,27 +6,32 @@
</div>
<div class="page-content top">
<div class="language-content">
<div class="f-cb language-item" @click="toggleClass(0)" :class="index==0?'active':''">
<div class="f-fl language-title">
<div class="language-item" @click="toggleClass(0)" :class="index==0?'active':''">
<div class="language-title">
自动
</div>
<div :class="index==0?'language-selected':''">
</div>
</div>
<div class="f-cb language-item" @click="toggleClass(1)" :class="index==1?'active':''">
<div class="f-fl language-title">
<div class="language-item" @click="toggleClass(1)" :class="index==1?'active':''">
<div class="language-title">
中文
<img src="../../assets/img/cn.png" alt="">
<span class="language-img zh-cn">
</span>
</div>
<div :class="index==1?'language-selected':''">
</div>
</div>
<div class="f-cb language-item" @click="toggleClass(2)" :class="index==2?'active':''">
<div class="f-fl language-title">
<div class="language-item" @click="toggleClass(2)" :class="index==2?'active':''">
<div class="language-title">
英文
<img src="../../assets/img/en.png" alt="">
<span class="language-img en">
</span>
<!--<img src="../../assets/img/en.png" alt="">-->
</div>
<div :class="index==2?'language-selected':''">
......
src/components/Settings/index.vue
......@@ -46,7 +46,7 @@
<span class="fore-link-text">矿工必看</span>
</mt-cell>
<mt-cell title="语言设置" is-link to="/language">
<img src="../../assets/img/cn.png" alt="" class="fore-link-lang"/>
<span class="language-img zh-cn"></span>
</mt-cell>
</div>
</div>
......@@ -91,7 +91,7 @@ export default {
}
.settings-group{
.line(){
&.xb{left: 0; right: 0;height: 1px;width: 100%; background: #ededf2;;content: '';position: absolute;bottom:0;transform: scaleY(0.33) translateY(1px);}
&.xb{left: 0; right: 0;height: 1px;width: 100%; background: #ccc;content: '';position: absolute;bottom:0;transform: scaleY(0.33) translateY(1px);}
}
box-sizing: border-box;
width: 7.5rem;
......@@ -114,14 +114,14 @@ export default {
color: #959595;
}
.fore-link-img {display: block;width: 0.41rem;height: 0.41rem;vertical-align:middle;padding:0 0.3rem 0 0;background-size:0.41rem 0.41rem; background-repeat: no-repeat; background-position: 0.3rem center; color: #999;}
.ltc {background-image:url(../../assets/img/index-tab1.png);}
.eth {background-image:url(../../assets/img/index-tab2.png);}
.dash {background-image:url(../../assets/img/index-tab3.png);}
.xmr {background-image:url(../../assets/img/index-tab4.png);}
.btc {background-image:url(../../assets/img/index-tab5.png);}
.sc {background-image:url(../../assets/img/index-tab6.png);}
.zcash {background-image:url(../../assets/img/index-tab7.png);}
.doge {background-image:url(../../assets/img/index-tab8.png);}
.ltc {background-image:url(../../assets/img/index-tab1-active.png);}
.eth {background-image:url(../../assets/img/index-tab2-active.png);}
.dash {background-image:url(../../assets/img/index-tab3-active.png);}
.xmr {background-image:url(../../assets/img/index-tab4-active.png);}
.btc {background-image:url(../../assets/img/index-tab5-active.png);}
.sc {background-image:url(../../assets/img/index-tab6-active.png);}
.zcash {background-image:url(../../assets/img/index-tab7-active.png);}
.doge {background-image:url(../../assets/img/index-tab8-active.png);}
.notice-badge{
display: inline-block;
width: 0.41rem;
......@@ -136,6 +136,13 @@ export default {
width: 0.48rem;
height: 0.32rem;
}
.language-img{
display:inline-block;vertical-align:middle;padding:0rem;background-size:0.48rem 0.32rem; background-repeat: no-repeat; background-position: 0rem center;
width: 0.48rem;height: 0.32rem;
&.zh-cn {background-image:url(../../assets/img/cn.png);}
&.en {background-image:url(../../assets/img/en.png);}
margin-top: -0.02rem;
}
&:after{.line.xb;}
}
.mint-cell:last-child{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment