Skip to content

X
XiTianSenMall
Commit 4622842d authored by leiqingsong's avatar leiqingsong
Browse files
Options

eslint格式

parent c80af5e0
Show whitespace changes
Inline Side-by-side
Showing with 256 additions and 270 deletions
H5/src/views/grade.vue
View file @ 4622842d
...@@ -11,28 +11,22 @@ ...@@ -11,28 +11,22 @@
</div> </div>
<div class="forest-content"> <div class="forest-content">
<div class="forest-level"> <div class="forest-level">
{{level}} {{ level }}
</div>
<div class="nums">
距离下一级直推用户还需增加{{directpush}}
</div>
<div class="nums">
距离下一级团队用户还需增加{{team}}
</div> </div>
<div class="nums">距离下一级直推用户还需增加{{ directpush }}</div>
<div class="nums">距离下一级团队用户还需增加{{ team }}</div>
<div class="level-progress"> <div class="level-progress">
<div class="level-num">{{currentLevel}}</div> <div class="level-num">{{ currentLevel }}</div>
<van-progress :percentage="50" /> <van-progress :percentage="50" />
<div class="level-num">{{nextLevel}}</div> <div class="level-num">{{ nextLevel }}</div>
</div>
<div class="relegation">
保级还需增加￥{{relegationNum}} 业绩
</div> </div>
<div class="relegation">保级还需增加￥{{ relegationNum }} 业绩</div>
</div> </div>
<div class="forest-list"> <div class="forest-list">
<div class="forest-item" v-for="(item,index) in list" :key="index"> <div class="forest-item" v-for="(item, index) in list" :key="index">
<span class="forest-item-num">{{item.num}}</span> <span class="forest-item-num">{{ item.num }}</span>
<div class="forest-item-label"> <div class="forest-item-label">
<span >{{item.label}}</span> <span>{{ item.label }}</span>
<van-icon <van-icon
v-if="item.hasArrow" v-if="item.hasArrow"
name="arrow" name="arrow"
...@@ -47,53 +41,52 @@ ...@@ -47,53 +41,52 @@
</template> </template>
<script> <script>
export default { export default {
name: "grade", name: "grade",
data() { data() {
return { return {
level:'Lv.3白银树', level: "Lv.3白银树",
directpush:'XXX', directpush: "XXX",
team:"XXX", team: "XXX",
relegationNum:"21,141", relegationNum: "21,141",
currentLevel:'Lv.3', currentLevel: "Lv.3",
nextLevel:'Lv.4', nextLevel: "Lv.4",
list:[ list: [
{ {
num:14, num: 14,
label:"团队总人数", label: "团队总人数",
hasArrow:true, hasArrow: true,
urlName:'LeagueNums' urlName: "LeagueNums"
}, },
{ {
num:12, num: 12,
label:"我的直推", label: "我的直推",
hasArrow:true hasArrow: true
}, },
{ {
num:61859, num: 61859,
label:"团队累计总业绩", label: "团队累计总业绩",
hasArrow:false hasArrow: false
}, },
{ {
num:11256, num: 11256,
label:"团队当月新增业绩", label: "团队当月新增业绩",
hasArrow:false hasArrow: false
}, }
] ]
}; };
}, },
methods: { methods: {
handleUrl(urlName){ handleUrl(urlName) {
this.$router.push({name:urlName}) this.$router.push({ name: urlName });
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$white:#ffffff; $white: #ffffff;
.grade-status{ .grade-status {
width: 100%; width: 100%;
height: 298px; height: 298px;
background-image: url("../assets/images/森林状态.png"); background-image: url("../assets/images/森林状态.png");
...@@ -120,23 +113,23 @@ $white:#ffffff; ...@@ -120,23 +113,23 @@ $white:#ffffff;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
} }
} }
.forest-content{ .forest-content {
text-align: center; text-align: center;
padding-top: 25px; padding-top: 25px;
.nums{ .nums {
font-size: 14px; font-size: 14px;
color: $white; color: $white;
line-height: 25px; line-height: 25px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.relegation{ .relegation {
font-size: 16px; font-size: 16px;
color: $white; color: $white;
margin-top: 20px; margin-top: 20px;
} }
} }
.forest-level{ .forest-level {
height: 45px; height: 45px;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-size: 24px; font-size: 24px;
...@@ -145,12 +138,12 @@ $white:#ffffff; ...@@ -145,12 +138,12 @@ $white:#ffffff;
letter-spacing: 0px; letter-spacing: 0px;
color: #ffffff; color: #ffffff;
} }
.level-progress{ .level-progress {
width: 100%; width: 100%;
padding: 0 30px; padding: 0 30px;
display: flex; display: flex;
align-items: center; align-items: center;
.level-num{ .level-num {
width: 36px; width: 36px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
...@@ -162,18 +155,17 @@ $white:#ffffff; ...@@ -162,18 +155,17 @@ $white:#ffffff;
} }
} }
.forest-list{ .forest-list {
padding: 0 15px; padding: 0 15px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-top: 20px; margin-top: 20px;
.forest-item{ .forest-item {
height: 98px; height: 98px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0px 1px 6px 0px box-shadow: 0px 1px 6px 0px rgba(6, 0, 1, 0.04);
rgba(6, 0, 1, 0.04);
border-radius: 4px; border-radius: 4px;
width: calc(50% - 8px); width: calc(50% - 8px);
margin-bottom: 10px; margin-bottom: 10px;
...@@ -181,7 +173,7 @@ $white:#ffffff; ...@@ -181,7 +173,7 @@ $white:#ffffff;
padding-top: 15px; padding-top: 15px;
box-sizing: border-box; box-sizing: border-box;
} }
.forest-item-num{ .forest-item-num {
height: 19px; height: 19px;
font-family: DINCondensed-Bold; font-family: DINCondensed-Bold;
font-size: 26px; font-size: 26px;
...@@ -191,11 +183,11 @@ $white:#ffffff; ...@@ -191,11 +183,11 @@ $white:#ffffff;
letter-spacing: 0px; letter-spacing: 0px;
color: #333333; color: #333333;
} }
.forest-item-label{ .forest-item-label {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
span{ span {
font-family: PingFang-SC-Medium; font-family: PingFang-SC-Medium;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
...@@ -203,25 +195,23 @@ $white:#ffffff; ...@@ -203,25 +195,23 @@ $white:#ffffff;
letter-spacing: 0px; letter-spacing: 0px;
color: #666666; color: #666666;
} }
.nav-left{ .nav-left {
color: #666; color: #666;
} }
} }
} }
} }
</style> </style>
<style lang=scss> <style lang="scss">
.van-progress{ .van-progress {
width: 250px; width: 250px;
height: 4px; height: 4px;
background-color: rgba(0,0,0,.2); background-color: rgba(0, 0, 0, 0.2);
.van-progress__portion{ .van-progress__portion {
background: #f9f9f9; background: #f9f9f9;
} }
.van-progress__pivot{ .van-progress__pivot {
display: none; display: none;
} }
} }
</style> </style>
H5/src/views/leagueNums.vue
View file @ 4622842d
...@@ -10,10 +10,10 @@ ...@@ -10,10 +10,10 @@
<span class="nav-title">森林状态</span> <span class="nav-title">森林状态</span>
</div> </div>
<div class="panel-list"> <div class="panel-list">
<div class="panel-item" v-for="(item,index) in list" :key="index"> <div class="panel-item" v-for="(item, index) in list" :key="index">
<span class="panel-item-num">{{item.num}}</span> <span class="panel-item-num">{{ item.num }}</span>
<div class="panel-item-label"> <div class="panel-item-label">
<span >{{item.label}}</span> <span>{{ item.label }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -21,56 +21,53 @@ ...@@ -21,56 +21,53 @@
</template> </template>
<script> <script>
export default { export default {
name: "leagueNums", name: "leagueNums",
data() { data() {
return { return {
list:[ list: [
{ {
num:54, num: 54,
label:"普通用户", label: "普通用户"
}, },
{ {
num:34, num: 34,
label:"幼苗", label: "幼苗"
}, },
{ {
num:22, num: 22,
label:"青铜树", label: "青铜树"
}, },
{ {
num:12, num: 12,
label:"白银树", label: "白银树"
}, },
{ {
num:5, num: 5,
label:"黄金树", label: "黄金树"
}, },
{ {
num:1, num: 1,
label:"农场主", label: "农场主"
}, },
{ {
num:0, num: 0,
label:"森林之星", label: "森林之星"
}, },
{ {
num:0, num: 0,
label:"西田森合伙人", label: "西田森合伙人"
} }
] ]
}; };
}, },
methods: { methods: {}
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$white:#ffffff; $white: #ffffff;
.league-nums{ .league-nums {
width: 100%; width: 100%;
height: 298px; height: 298px;
background-image: url("../assets/images/森林状态.png"); background-image: url("../assets/images/森林状态.png");
...@@ -97,20 +94,19 @@ $white:#ffffff; ...@@ -97,20 +94,19 @@ $white:#ffffff;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
} }
}
} }
} .panel-list {
.panel-list{
padding: 0 15px; padding: 0 15px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-top: 20px; margin-top: 20px;
.panel-item{ .panel-item {
height: 113px; height: 113px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0px 2px 12px 0px box-shadow: 0px 2px 12px 0px rgba(6, 0, 1, 0.04);
rgba(6, 0, 1, 0.04);
border-radius: 4px; border-radius: 4px;
width: calc(50% - 8px); width: calc(50% - 8px);
margin-bottom: 10px; margin-bottom: 10px;
...@@ -118,7 +114,7 @@ $white:#ffffff; ...@@ -118,7 +114,7 @@ $white:#ffffff;
padding-top: 15px; padding-top: 15px;
box-sizing: border-box; box-sizing: border-box;
} }
.panel-item-num{ .panel-item-num {
height: 19px; height: 19px;
font-family: DINCondensed-Bold; font-family: DINCondensed-Bold;
font-size: 26px; font-size: 26px;
...@@ -128,11 +124,11 @@ $white:#ffffff; ...@@ -128,11 +124,11 @@ $white:#ffffff;
letter-spacing: 0px; letter-spacing: 0px;
color: #333333; color: #333333;
} }
.panel-item-label{ .panel-item-label {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
span{ span {
font-family: PingFang-SC-Medium; font-family: PingFang-SC-Medium;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
...@@ -140,7 +136,7 @@ $white:#ffffff; ...@@ -140,7 +136,7 @@ $white:#ffffff;
letter-spacing: 0px; letter-spacing: 0px;
color: #666666; color: #666666;
} }
.nav-left{ .nav-left {
color: #666; color: #666;
} }
} }
......
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 to comment