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 @@ ...@@ -6,38 +6,35 @@
@fontGray: #8e8e8e; @fontGray: #8e8e8e;
@bgGray:#ededf2; @bgGray:#ededf2;
//线 //线
.line(){ .line(){.pos(r);
&.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: '';.pos(a);bottom:0;transform: scaleY(0.33) translateY(1px);}
} }
.page{ /*语言图标*/
background: @bgGray;
.page-content{ /*币种图标*/
}
}
.language{ .language{
background: @bgGray;
.page-content{ .page-content{
&.top{ &.top{
padding-top: 0.28rem; padding-top: 0.28rem;
} }
.language-content{ .language-content{
background: #fff;
.language-item{ .language-item{
height: 0.87rem; height: 0.87rem;
line-height: 0.87rem; line-height: 0.87rem;
padding: 0 10px; padding: 0 10px;
background-color: #fff;
.pos(r); .pos(r);
&:after{.line.xb;} &:after{.line.xb;}
.language-title{ .language-title{
height: 0.87rem; height: 0.87rem;
line-height: 0.87rem; line-height: 0.87rem;
span{ .language-img{
font-size: 0.3rem; display:inline-block;vertical-align:middle;padding:0rem;background-size:0.48rem 0.32rem; background-repeat: no-repeat; background-position: 0rem center;
color: @fontGray; width: 0.48rem;height: 0.32rem;
} &.zh-cn {background-image:url(../../assets/img/cn.png);}
img{ &.en {background-image:url(../../assets/img/en.png);}
width: 0.48rem;
height: 0.32rem;
margin-top: -0.02rem; margin-top: -0.02rem;
} }
} }
...@@ -58,6 +55,7 @@ ...@@ -58,6 +55,7 @@
} }
.default-coin { .default-coin {
background: @bgGray;
.el-form-item {background: #fff; padding: 0rem 0.3rem; .el-form-item {background: #fff; padding: 0rem 0.3rem;
.el-input {padding:0.1rem 0;} .el-input {padding:0.1rem 0;}
.el-input__inner {border: 0px; padding:0; font-size: 0.32rem;} .el-input__inner {border: 0px; padding:0; font-size: 0.32rem;}
......
src/components/Settings/Language.vue
...@@ -6,27 +6,32 @@ ...@@ -6,27 +6,32 @@
</div> </div>
<div class="page-content top"> <div class="page-content top">
<div class="language-content"> <div class="language-content">
<div class="f-cb language-item" @click="toggleClass(0)" :class="index==0?'active':''"> <div class="language-item" @click="toggleClass(0)" :class="index==0?'active':''">
<div class="f-fl language-title"> <div class="language-title">
自动 自动
</div> </div>
<div :class="index==0?'language-selected':''"> <div :class="index==0?'language-selected':''">
</div> </div>
</div> </div>
<div class="f-cb language-item" @click="toggleClass(1)" :class="index==1?'active':''"> <div class="language-item" @click="toggleClass(1)" :class="index==1?'active':''">
<div class="f-fl language-title"> <div class="language-title">
中文 中文
<img src="../../assets/img/cn.png" alt=""> <span class="language-img zh-cn">
</span>
</div> </div>
<div :class="index==1?'language-selected':''"> <div :class="index==1?'language-selected':''">
</div> </div>
</div> </div>
<div class="f-cb language-item" @click="toggleClass(2)" :class="index==2?'active':''"> <div class="language-item" @click="toggleClass(2)" :class="index==2?'active':''">
<div class="f-fl language-title"> <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>
<div :class="index==2?'language-selected':''"> <div :class="index==2?'language-selected':''">
......
src/components/Settings/index.vue
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<span class="fore-link-text">矿工必看</span> <span class="fore-link-text">矿工必看</span>
</mt-cell> </mt-cell>
<mt-cell title="语言设置" is-link to="/language"> <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> </mt-cell>
</div> </div>
</div> </div>
...@@ -91,7 +91,7 @@ export default { ...@@ -91,7 +91,7 @@ export default {
} }
.settings-group{ .settings-group{
.line(){ .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; box-sizing: border-box;
width: 7.5rem; width: 7.5rem;
...@@ -114,14 +114,14 @@ export default { ...@@ -114,14 +114,14 @@ export default {
color: #959595; 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;} .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);} .ltc {background-image:url(../../assets/img/index-tab1-active.png);}
.eth {background-image:url(../../assets/img/index-tab2.png);} .eth {background-image:url(../../assets/img/index-tab2-active.png);}
.dash {background-image:url(../../assets/img/index-tab3.png);} .dash {background-image:url(../../assets/img/index-tab3-active.png);}
.xmr {background-image:url(../../assets/img/index-tab4.png);} .xmr {background-image:url(../../assets/img/index-tab4-active.png);}
.btc {background-image:url(../../assets/img/index-tab5.png);} .btc {background-image:url(../../assets/img/index-tab5-active.png);}
.sc {background-image:url(../../assets/img/index-tab6.png);} .sc {background-image:url(../../assets/img/index-tab6-active.png);}
.zcash {background-image:url(../../assets/img/index-tab7.png);} .zcash {background-image:url(../../assets/img/index-tab7-active.png);}
.doge {background-image:url(../../assets/img/index-tab8.png);} .doge {background-image:url(../../assets/img/index-tab8-active.png);}
.notice-badge{ .notice-badge{
display: inline-block; display: inline-block;
width: 0.41rem; width: 0.41rem;
...@@ -136,6 +136,13 @@ export default { ...@@ -136,6 +136,13 @@ export default {
width: 0.48rem; width: 0.48rem;
height: 0.32rem; 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;} &:after{.line.xb;}
} }
.mint-cell:last-child{ .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