|
|
@@ -5,7 +5,7 @@
|
|
|
<div class="pk">> PK赛</div>
|
|
|
<div class="right">
|
|
|
<div class="hg" @click="goTo('/leader')"></div>
|
|
|
- <div class="ts"></div>
|
|
|
+ <div class="ts" @click="dialogVisible1 = true"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="logo"></div>
|
|
|
@@ -16,6 +16,17 @@
|
|
|
<div @click="goTo('/fun')">> 奇趣级</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog
|
|
|
+ title="24点游戏玩法介绍"
|
|
|
+ :visible.sync="dialogVisible1"
|
|
|
+ :append-to-body="true"
|
|
|
+ width="80%"
|
|
|
+ :before-close="handleClose"
|
|
|
+ class="dialog_diy1"
|
|
|
+ >
|
|
|
+ <div>使用数字和运算符进行运算.</div>
|
|
|
+ <div>汇总数字得24则通关！</div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -24,7 +35,9 @@
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ dialogVisible1: false,
|
|
|
+ };
|
|
|
},
|
|
|
computed: {
|
|
|
playsinline() {
|
|
|
@@ -52,6 +65,9 @@
|
|
|
goTo(path) {
|
|
|
this.$router.push(path);
|
|
|
},
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
},
|
|
|
created() {},
|
|
|
};
|
|
|
@@ -150,4 +166,26 @@
|
|
|
color: #fff;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+ .dialog_diy1 >>> .el-dialog__header {
|
|
|
+ background: #f6c14a;
|
|
|
+ text-align: center;
|
|
|
+ padding: 10px 0 !important;
|
|
|
+ }
|
|
|
+ .dialog_diy1 >>> .el-dialog__body {
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .dialog_diy1 >>> .el-dialog__title {
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ .dialog_diy1 >>> .el-dialog__headerbtn {
|
|
|
+ background: url("../../assets/twentyFour/close.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ top: 13px !important;
|
|
|
+ right: 13px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialog_diy1 >>> .el-dialog__close {
|
|
|
+ color: transparent !important;
|
|
|
+ }
|
|
|
</style>
|
lcw