Skip to content

C
CRM
Commit aa6e6d4d authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 6b43d22e
Show whitespace changes
Inline Side-by-side
Showing with 751 additions and 729 deletions
src/components/Home.vue
View file @ aa6e6d4d
...@@ -8,35 +8,29 @@ ...@@ -8,35 +8,29 @@
<el-col :span="4"> <el-col :span="4">
<span>排行榜</span> <span>排行榜</span>
</el-col> </el-col>
<el-col :span="20" class="option-item" style="display:flex;align-items:center;flex-direction: row-reverse;"> <el-col :span="20" class="option-item"
style="display:flex;align-items:center;flex-direction: row-reverse;">
<el-select v-model="rankMsg.RankType" size="mini" style="width:120px;" placeholder="请选择" <el-select v-model="rankMsg.RankType" size="mini" style="width:120px;" placeholder="请选择"
@change="GetRankingList"> @change="GetRankingList">
<el-option v-for="(x,i) in rankTypeList" :key="i" :label="x.name" :value="x.id"></el-option> <el-option v-for="(x,i) in rankTypeList" :key="i" :label="x.name" :value="x.id"></el-option>
</el-select> </el-select>
<div class="time-box" v-if="diyDateRange==''"> <div class="time-box" v-if="diyDateRange==''">
<el-button plain size="mini" class="hide_input_time" style="margin:0 25px;">自定义日期 <el-button plain size="mini" class="hide_input_time" style="margin:0 25px;">自定义日期
<el-date-picker <el-date-picker v-model="diyDateRange" type="daterange" align="right" unlink-panels ref="diydateRef"
v-model="diyDateRange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @input="setDiyDateRange"
type="daterange" value-format="yyyy-MM-dd" :picker-options="pickerOptions">
align="right"
unlink-panels
ref="diydateRef"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
@input="setDiyDateRange"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions">
</el-date-picker> </el-date-picker>
</el-button> </el-button>
</div> </div>
<div style="width:235px;" v-if="diyDateRange==''"> <div style="width:235px;" v-if="diyDateRange==''">
<el-tabs v-model="currentRankRange" @tab-click="changeRankTypeHandler" class="hide-tabs-content"> <el-tabs v-model="currentRankRange" @tab-click="changeRankTypeHandler" class="hide-tabs-content">
<el-tab-pane v-for="(x,i) in dataRangeList" :key="i" :label="x.name" :name="x.id.toString()"></el-tab-pane> <el-tab-pane v-for="(x,i) in dataRangeList" :key="i" :label="x.name" :name="x.id.toString()">
</el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
<el-tag class="f12" size="medium" @close="clearDiyDateRange" closable v-if="diyDateRange!=''" style="margin-right:25px;">自定义日期：{{diyDateRange[0]}} 至 {{diyDateRange[1]}}</el-tag> <el-tag class="f12" size="medium" @close="clearDiyDateRange" closable v-if="diyDateRange!=''"
style="margin-right:25px;">自定义日期：{{diyDateRange[0]}} 至 {{diyDateRange[1]}}</el-tag>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -47,10 +41,15 @@ ...@@ -47,10 +41,15 @@
<div class="rank" v-else-if="index==1"><img src="../assets/img/cust/second.png" /></div> <div class="rank" v-else-if="index==1"><img src="../assets/img/cust/second.png" /></div>
<div class="rank" v-else><img src="../assets/img/cust/first.png" /></div> <div class="rank" v-else><img src="../assets/img/cust/first.png" /></div>
<div class="head"> <div class="head">
<el-avatar style="background:#409efe" :size="40" @error="errorHandler" :src="item.EmpPhoto" v-if="item.EmpPhoto && item.EmpPhoto!=''"> <el-avatar style="background:#409efe" :size="40" @error="errorHandler" :src="item.EmpPhoto"
<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"/> v-if="item.EmpPhoto && item.EmpPhoto!=''">
<img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png" />
</el-avatar>
<el-avatar style="background:#409efe" :size="40" v-else>
<template v-if="item.EmpName&&item.EmpName!=''">
{{item.EmpName.substring(0,1)}}
</template>
</el-avatar> </el-avatar>
<el-avatar style="background:#409efe" :size="40" v-else>{{item.EmpName.substring(0,1)}}</el-avatar>
</div> </div>
<div class="rank-name"> <div class="rank-name">
<div class="rn">{{item.EmpName}}</div> <div class="rn">{{item.EmpName}}</div>
...@@ -398,10 +397,10 @@ ...@@ -398,10 +397,10 @@
</template> </template>
<script> <script>
import ticheng from "./chart/ticheng"; import ticheng from "./chart/ticheng";
import notincome from "./chart/noincome"; import notincome from "./chart/noincome";
import sjld from "./chart/shangjiloudou"; import sjld from "./chart/shangjiloudou";
export default { export default {
components: { components: {
ticheng, ticheng,
notincome, notincome,
...@@ -410,8 +409,7 @@ export default { ...@@ -410,8 +409,7 @@ export default {
data() { data() {
return { return {
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [{
{
text: "最近一周", text: "最近一周",
onClick(picker) { onClick(picker) {
const end = new Date(); const end = new Date();
...@@ -448,15 +446,33 @@ export default { ...@@ -448,15 +446,33 @@ export default {
TotalPrice: 0, TotalPrice: 0,
}, },
}, },
rankTypeList: [ rankTypeList: [{
{ id: 1, name: "引流排名(引流)", unit: "人" }, id: 1,
{ id: 4, name: "订单排名(引流)", unit: "单" }, name: "引流排名(引流)",
{ id: 5, name: "销售额排名(票务)", unit: "元" }, unit: "人"
{ id: 3, name: "利润排名(票务)", unit: "元" }, },
{ id: 2, name: "订单排名(票务)", unit: "单" }, {
], id: 4,
dataRangeList: [ name: "订单排名(引流)",
unit: "单"
},
{
id: 5,
name: "销售额排名(票务)",
unit: "元"
},
{ {
id: 3,
name: "利润排名(票务)",
unit: "元"
},
{
id: 2,
name: "订单排名(票务)",
unit: "单"
},
],
dataRangeList: [{
id: 1, id: 1,
name: "今日", name: "今日",
startTime: "", startTime: "",
...@@ -511,7 +527,7 @@ export default { ...@@ -511,7 +527,7 @@ export default {
created() { created() {
this.initRankRangeList(); this.initRankRangeList();
}, },
watch:{ watch: {
diyDateRange: { diyDateRange: {
handler(val, oldVal) { handler(val, oldVal) {
this.diyDateRange = val this.diyDateRange = val
...@@ -628,67 +644,67 @@ export default { ...@@ -628,67 +644,67 @@ export default {
); );
}, },
}, },
}; };
</script> </script>
<style> <style>
.time-box{ .time-box {
overflow: hidden; overflow: hidden;
} }
.home {
.home {
width: 100%; width: 100%;
margin-bottom: 25px; margin-bottom: 25px;
} }
.el-card__header { .el-card__header {
font-family: perfectFont; font-family: perfectFont;
font-weight: bold; font-weight: bold;
} }
.el-card, .el-card,
.el-message { .el-message {
border-radius: 0 !important; border-radius: 0 !important;
} }
.box-card .shang-list { .box-card .shang-list {}
}
.box-card, .box-card,
.sum-card, .sum-card,
.rank-card { .rank-card {
padding-bottom: 20px; padding-bottom: 20px;
} }
.box-card .el-card__body, .box-card .el-card__body,
.sum-card .el-card__body, .sum-card .el-card__body,
.rank-card .el-card__body { .rank-card .el-card__body {
height: 358px; height: 358px;
overflow-y: hidden; overflow-y: hidden;
padding: 0px 20px !important; padding: 0px 20px !important;
margin-top: 20px; margin-top: 20px;
} }
.box-card .el-card__body { .box-card .el-card__body {
height: 237px; height: 237px;
} }
/* .box-card .el-card__body:hover, */ /* .box-card .el-card__body:hover, */
.sum-card .el-card__body:hover, .sum-card .el-card__body:hover,
.rank-card .el-card__body:hover { .rank-card .el-card__body:hover {
overflow-y: auto; overflow-y: auto;
padding-right: 16px !important; padding-right: 16px !important;
} }
.box-card .shang-list .shang-list-item { .box-card .shang-list .shang-list-item {
margin-bottom: 5px; margin-bottom: 5px;
height: 54px; height: 54px;
background: rgba(242, 242, 242, 1); background: rgba(242, 242, 242, 1);
display: flex; display: flex;
align-items: center; align-items: center;
} }
.box-card .icon { .box-card .icon {
width: 26px; width: 26px;
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
...@@ -696,18 +712,18 @@ export default { ...@@ -696,18 +712,18 @@ export default {
background: #409efe; background: #409efe;
color: #fff; color: #fff;
margin: 0 25px; margin: 0 25px;
} }
.box-card .shang-list .shang-list-item .title { .box-card .shang-list .shang-list-item .title {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
width: 80px; width: 80px;
/* padding-top: 18px; */ /* padding-top: 18px; */
font-weight: bold; font-weight: bold;
font-family: perfectFont; font-family: perfectFont;
} }
.box-card .shang-list .shang-list-item .result { .box-card .shang-list .shang-list-item .result {
flex: 1; flex: 1;
padding-left: 130px; padding-left: 130px;
font-size: 20px; font-size: 20px;
...@@ -716,85 +732,85 @@ export default { ...@@ -716,85 +732,85 @@ export default {
font-weight: bold; font-weight: bold;
text-align: right; text-align: right;
padding-right: 25px; padding-right: 25px;
} }
.box-card .shang-list .shang-list-item .eq { .box-card .shang-list .shang-list-item .eq {
width: 200px; width: 200px;
font-size: 12px; font-size: 12px;
color: gray; color: gray;
} }
.box-card .shang-list .shang-list-item .eq i { .box-card .shang-list .shang-list-item .eq i {
font-size: 26px; font-size: 26px;
margin-left: 30px; margin-left: 30px;
margin-right: 15px; margin-right: 15px;
color: #333; color: #333;
vertical-align: sub; vertical-align: sub;
} }
.box-card .shang-list .shang-list-item .eq .val { .box-card .shang-list .shang-list-item .eq .val {
font-size: 20px; font-size: 20px;
font-family: perfectFont; font-family: perfectFont;
} }
.box-card .shang-list .shang-list-item .eq .green { .box-card .shang-list .shang-list-item .eq .green {
color: rgb(16, 124, 16); color: rgb(16, 124, 16);
} }
.box-card .shang-list .shang-list-item .eq .red { .box-card .shang-list .shang-list-item .eq .red {
color: rgb(195, 0, 82); color: rgb(195, 0, 82);
} }
.box-card .icon i { .box-card .icon i {
font-size: 14px; font-size: 14px;
} }
.box-card .icon.green { .box-card .icon.green {
background: rgb(16, 124, 16); background: rgb(16, 124, 16);
} }
.box-card .icon.blue { .box-card .icon.blue {
background: rgb(0, 99, 177); background: rgb(0, 99, 177);
} }
.box-card .icon.orange { .box-card .icon.orange {
background: rgb(202, 80, 16); background: rgb(202, 80, 16);
} }
.box-card .icon.grey { .box-card .icon.grey {
background: rgb(118, 118, 118); background: rgb(118, 118, 118);
} }
.box-card .icon.red { .box-card .icon.red {
background: rgb(195, 0, 82); background: rgb(195, 0, 82);
} }
.box-card .icon.zi { .box-card .icon.zi {
background: rgb(136, 23, 152); background: rgb(136, 23, 152);
} }
.box-card .icon.yellow { .box-card .icon.yellow {
background: rgb(255, 185, 0); background: rgb(255, 185, 0);
} }
.tic-card { .tic-card {
padding: 0px; padding: 0px;
height: 196px; height: 196px;
border: none; border: none;
} }
.tic-card .el-card__body, .tic-card .el-card__body,
.zhou-card .el-card__body, .zhou-card .el-card__body,
.notinmoney-card .el-card__body { .notinmoney-card .el-card__body {
padding: 0px; padding: 0px;
} }
.tic-card .tic-content { .tic-card .tic-content {
height: 83px; height: 83px;
width: 100%; width: 100%;
} }
.tic-card .tic-content .money-box { .tic-card .tic-content .money-box {
margin-top: 20px; margin-top: 20px;
margin-right: 30px; margin-right: 30px;
color: #00c5c8; color: #00c5c8;
...@@ -802,50 +818,50 @@ export default { ...@@ -802,50 +818,50 @@ export default {
text-align: right; text-align: right;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
} }
.tic-card .tic-content .money-box small { .tic-card .tic-content .money-box small {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
} }
.tic-card .tic-content .tips { .tic-card .tic-content .tips {
font-size: 14px; font-size: 14px;
color: #666; color: #666;
margin-right: 30px; margin-right: 30px;
text-align: right; text-align: right;
} }
.tic-card .tic-chart { .tic-card .tic-chart {
height: 111px; height: 111px;
width: 100%; width: 100%;
} }
.zhou-card { .zhou-card {
padding: 0px; padding: 0px;
border: none; border: none;
background: #409efe; background: #409efe;
margin-top: 25px; margin-top: 25px;
height: 236px; height: 236px;
} }
.zhou-card .el-card__body { .zhou-card .el-card__body {
padding: 0px; padding: 0px;
background: url("../assets/img/home/zhouguan.png") #409efe; background: url("../assets/img/home/zhouguan.png") #409efe;
height: 100%; height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
.zhou-card .title { .zhou-card .title {
font-size: 20px; font-size: 20px;
font-family: perfectFont; font-family: perfectFont;
color: #fff; color: #fff;
padding: 10px 0 0 0px; padding: 10px 0 0 0px;
text-indent: 20px; text-indent: 20px;
} }
.zhou-card .money-box { .zhou-card .money-box {
margin-top: 10px; margin-top: 10px;
padding-right: 20px !important; padding-right: 20px !important;
color: #fff; color: #fff;
...@@ -853,14 +869,14 @@ export default { ...@@ -853,14 +869,14 @@ export default {
text-align: right; text-align: right;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
} }
.zhou-card .money-box small { .zhou-card .money-box small {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
} }
.zhou-card .zhou-head { .zhou-card .zhou-head {
margin: 10px auto; margin: 10px auto;
display: block; display: block;
width: 70px; width: 70px;
...@@ -868,109 +884,108 @@ export default { ...@@ -868,109 +884,108 @@ export default {
background: rgba(85, 189, 233, 0.2); background: rgba(85, 189, 233, 0.2);
padding: 4px; padding: 4px;
border-radius: 100%; border-radius: 100%;
} }
.zhou-card .zhou-head img { .zhou-card .zhou-head img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 100%; border-radius: 100%;
} }
.zhou-card .zhou-name { .zhou-card .zhou-name {
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
font-family: perfectFont; font-family: perfectFont;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.zhou-card .zhou-depart { .zhou-card .zhou-depart {
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
font-family: perfectFont; font-family: perfectFont;
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
} }
.sum-card .el-card__body { .sum-card .el-card__body {
height: 165px; height: 165px;
overflow-y: hidden; overflow-y: hidden;
padding-right: 20px; padding-right: 20px;
} }
.sum-card .sum-list { .sum-card .sum-list {}
}
.sum-card .sum-list .sum-list-item { .sum-card .sum-list .sum-list-item {
height: 45px; height: 45px;
border-bottom: 1px solid #e2e4ef; border-bottom: 1px solid #e2e4ef;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.sum-card .sum-list .sum-list-item .icon { .sum-card .sum-list .sum-list-item .icon {
width: 4px; width: 4px;
height: 12px; height: 12px;
margin-right: 10px; margin-right: 10px;
background: #ffa475; background: #ffa475;
} }
.sum-card .sum-list .sum-list-item .icon.green { .sum-card .sum-list .sum-list-item .icon.green {
background: #94b877; background: #94b877;
} }
.sum-card .sum-list .sum-list-item .icon.blue { .sum-card .sum-list .sum-list-item .icon.blue {
background: #409efe; background: #409efe;
} }
.sum-card .sum-list .sum-list-item .icon.zi { .sum-card .sum-list .sum-list-item .icon.zi {
background: rgb(210, 197, 240); background: rgb(210, 197, 240);
} }
.sum-card .sum-list .sum-list-item .icon.qing { .sum-card .sum-list .sum-list-item .icon.qing {
background: #55bde9; background: #55bde9;
} }
.sum-card .sum-list .sum-list-item .icon.black { .sum-card .sum-list .sum-list-item .icon.black {
background: #333; background: #333;
} }
.sum-card .sum-list .sum-list-item .item-name { .sum-card .sum-list .sum-list-item .item-name {
width: 90px; width: 90px;
font-size: 12px; font-size: 12px;
} }
.ding .sum-list .sum-list-item .item-name { .ding .sum-list .sum-list-item .item-name {
width: 150px; width: 150px;
} }
.sum-card .sum-list .sum-list-item .item-hui { .sum-card .sum-list .sum-list-item .item-hui {
flex: 1; flex: 1;
font-size: 12px; font-size: 12px;
text-align: right; text-align: right;
} }
.sum-card .sum-list .sum-list-item .item-hui b { .sum-card .sum-list .sum-list-item .item-hui b {
font-weight: bold; font-weight: bold;
font-size: 22px; font-size: 22px;
font-family: perfectFont; font-family: perfectFont;
margin: 0 5px; margin: 0 5px;
} }
.notinmoney-card { .notinmoney-card {
height: 268px; height: 268px;
} }
.notinmoney-card .title { .notinmoney-card .title {
font-size: 17px; font-size: 17px;
font-family: perfectFont; font-family: perfectFont;
color: #000; color: #000;
padding: 10px 0 0 0px; padding: 10px 0 0 0px;
text-indent: 20px; text-indent: 20px;
font-weight: bold; font-weight: bold;
} }
.notinmoney-card .money { .notinmoney-card .money {
font-size: 30px; font-size: 30px;
font-family: perfectFont; font-family: perfectFont;
color: #000; color: #000;
...@@ -978,149 +993,156 @@ export default { ...@@ -978,149 +993,156 @@ export default {
text-indent: 20px; text-indent: 20px;
font-weight: bold; font-weight: bold;
color: #ffa475; color: #ffa475;
} }
.notinmoney-card .charts-box { .notinmoney-card .charts-box {
height: 178px; height: 178px;
} }
.notinmoney-card .money small { .notinmoney-card .money small {
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
} }
.rank-card .el-card__body, .rank-card .el-card__body,
.loudou-card .el-card__body { .loudou-card .el-card__body {
height: 358px; height: 358px;
overflow-y: hidden; overflow-y: hidden;
padding-right: 20px; padding-right: 20px;
} }
.rank-list { .rank-list {}
}
.rank-list .rank-list-item { .rank-list .rank-list-item {
height: 55px; height: 55px;
display: flex; display: flex;
align-items: center; align-items: center;
cursor: default; cursor: default;
user-select: none; user-select: none;
padding: 0 10px; padding: 0 10px;
} }
.rank-list .rank-list-item:first-child {
.rank-list .rank-list-item:first-child {
height: 85px; height: 85px;
} }
.rank-list .rank-list-item:nth-child(2) {
.rank-list .rank-list-item:nth-child(2) {
height: 75px; height: 75px;
} }
.rank-list .rank-list-item:nth-child(3) {
.rank-list .rank-list-item:nth-child(3) {
height: 65px; height: 65px;
} }
.rank-list .rank-list-item:hover {
.rank-list .rank-list-item:hover {
background: #f4f5f9; background: #f4f5f9;
} }
.rank-list .rank-list-item .rank { .rank-list .rank-list-item .rank {
width: 200px; width: 200px;
font-size: 18px; font-size: 18px;
color: #999; color: #999;
font-family: perfectFont !important; font-family: perfectFont !important;
font-weight: bold; font-weight: bold;
} }
.rank-list .rank-list-item .rank img {
.rank-list .rank-list-item .rank img {
width: 36px; width: 36px;
height: 36px; height: 36px;
} }
.rank-list .rank-list-item .rank.blue { .rank-list .rank-list-item .rank.blue {
color: #409efe; color: #409efe;
} }
.rank-list .rank-list-item .rank.red { .rank-list .rank-list-item .rank.red {
color: rgb(195, 0, 82); color: rgb(195, 0, 82);
} }
.rank-list .rank-list-item .rank.zi { .rank-list .rank-list-item .rank.zi {
color: rgb(136, 23, 152); color: rgb(136, 23, 152);
} }
.rank-list .rank-list-item .head { .rank-list .rank-list-item .head {
width: 70px; width: 70px;
} }
.rank-list .rank-list-item .rank-name { .rank-list .rank-list-item .rank-name {
width: 200px; width: 200px;
font-size: 12px; font-size: 12px;
color: #666; color: #666;
} }
.rank-list .rank-list-item .rank-name .rn { .rank-list .rank-list-item .rank-name .rn {
font-family: perfectFont !important; font-family: perfectFont !important;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
font-size: 16px; font-size: 16px;
} }
.rank-list .rank-list-item .score { .rank-list .rank-list-item .score {
font-size: 22px; font-size: 22px;
font-family: perfectFont !important; font-family: perfectFont !important;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
text-align: right; text-align: right;
flex: 1; flex: 1;
} }
.rank-list .rank-list-item .score .unit {
.rank-list .rank-list-item .score .unit {
/* margin-left: 10px; */ /* margin-left: 10px; */
font-size: 12px; font-size: 12px;
font-family: "PingFangR"; font-family: "PingFangR";
} }
.option-item {
.option-item {
text-align: right; text-align: right;
} }
.option-item .el-select > .el-input { .option-item .el-select>.el-input {
display: block; display: block;
background: #409efe; background: #409efe;
border-radius: 0; border-radius: 0;
} }
.option-item .el-input--mini .el-input__inner { .option-item .el-input--mini .el-input__inner {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
background: #409efe; background: #409efe;
border-radius: 0; border-radius: 0;
color: #f1f1f1; color: #f1f1f1;
} }
.option-item .el-select .el-input.is-focus .el-input__inner { .option-item .el-select .el-input.is-focus .el-input__inner {
border-color: #409efe; border-color: #409efe;
} }
.el-select-dropdown { .el-select-dropdown {
border-radius: 0px !important; border-radius: 0px !important;
} }
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
font-family: perfectFont !important; font-family: perfectFont !important;
color: #409efe !important; color: #409efe !important;
} }
.el-select-dropdown__item { .el-select-dropdown__item {
/* font-family: perfectFont !important; */ /* font-family: perfectFont !important; */
font-size: 12px !important; font-size: 12px !important;
} }
.loudou-card .el-card__header { .loudou-card .el-card__header {
border: none; border: none;
} }
.hide_input_time { .hide_input_time {
position: relative !important; position: relative !important;
} }
.hide_input_time .el-date-editor {
.hide_input_time .el-date-editor {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
} }
</style> </style>
\ No newline at end of file
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