提交 5da3c999 编写于 作者: lyf's avatar lyf

修改样式去除手型鼠标

上级 169fc312
...@@ -4,18 +4,20 @@ ...@@ -4,18 +4,20 @@
<div class="diog-main" @click.stop=""> <div class="diog-main" @click.stop="">
<div class="diog-message"> <div class="diog-message">
<div class="diog-left"> <div class="diog-left">
<img :src="warningImg" alt="" srcset=""> <img :src="warningImg" alt="" srcset="" />
</div> </div>
<div class="diog-right"> <div class="diog-right">
<p class="title">{{title}}</p> <p class="title">{{ title }}</p>
</div> </div>
</div> </div>
<div class="content" v-if="content"> <div class="diog-content" v-if="content">
{{content}} {{ content }}
</div> </div>
<div class="btn"> <div class="btn">
<div @click.stop="confirm" class="confirm-btn">{{confirmTxt}}</div> <div @click.stop="confirm" class="confirm-btn">{{ confirmTxt }}</div>
<div @click.stop="cancle" class="cancle-btn" v-if="cancleTxt">{{cancleTxt}}</div> <div @click.stop="cancle" class="cancle-btn" v-if="cancleTxt">
{{ cancleTxt }}
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -26,51 +28,51 @@ ...@@ -26,51 +28,51 @@
export default { export default {
data() { data() {
return { return {
warningImg: require('@/assets/image/live/warning.png'), warningImg: require("@/assets/image/live/warning.png"),
show: false, show: false,
title: '', title: "",
content:'', content: "",
confirmTxt: '确定', confirmTxt: "确定",
cancleTxt: '', cancleTxt: "",
_promise: null _promise: null,
} };
}, },
created() {}, created() {},
methods: { methods: {
reset() { reset() {
this.title = '' this.title = "";
this.confirmTxt = '确定' this.confirmTxt = "确定";
this.cancleTxt = '' this.cancleTxt = "";
this.content="" this.content = "";
this._promise = null this._promise = null;
}, },
init(obj={}) { init(obj = {}) {
Object.assign(this,obj) Object.assign(this, obj);
console.log("obj---",obj) console.log("obj---", obj);
this.show = true this.show = true;
return new Promise((resolve,reject) => { return new Promise((resolve, reject) => {
this._promise = { this._promise = {
resolve, resolve,
reject reject,
}; };
}) });
}, },
async cancle() { async cancle() {
this.show = false this.show = false;
await this._promise.reject && this._promise.reject() (await this._promise.reject) && this._promise.reject();
this.reset() this.reset();
}, },
async confirm() { async confirm() {
this.show = false this.show = false;
await this._promise.resolve && this._promise.resolve() (await this._promise.resolve) && this._promise.resolve();
this.reset() this.reset();
}, },
hide() { hide() {
this.show = false this.show = false;
this.reset() this.reset();
} },
} },
} };
</script> </script>
...@@ -93,12 +95,14 @@ export default { ...@@ -93,12 +95,14 @@ export default {
justify-content: center; justify-content: center;
//background: rgba(0,0,0,0.6); //background: rgba(0,0,0,0.6);
.diog-main { .diog-main {
width:480px; width: 480px;
padding: 34px 32px 24px 34px; padding: 34px 32px 24px 34px;
box-sizing: border-box; box-sizing: border-box;
background:rgba(31,31,31,1); background: rgba(31, 31, 31, 1);
box-shadow:0px 12px 48px 16px rgba(0,0,0,0.12),0px 9px 28px 0px rgba(0,0,0,0.2),0px 6px 16px -8px rgba(0,0,0,0.32); box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.12),
border-radius:2px; 0px 9px 28px 0px rgba(0, 0, 0, 0.2),
0px 6px 16px -8px rgba(0, 0, 0, 0.32);
border-radius: 2px;
.diog-message { .diog-message {
display: flex; display: flex;
.diog-left { .diog-left {
...@@ -108,20 +112,20 @@ export default { ...@@ -108,20 +112,20 @@ export default {
} }
.diog-right { .diog-right {
.title { .title {
font-size:16px; font-size: 16px;
font-family:PingFangSC-Medium,PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight:500; font-weight: 500;
color:rgba(255,255,255,0.85); color: rgba(255, 255, 255, 0.85);
line-height:24px; line-height: 24px;
} }
} }
} }
.content{ .diog-content {
font-size:16px; font-size: 16px;
font-family:PingFangSC-Medium,PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight:500; font-weight: 500;
color:rgba(255,255,255,0.85); color: rgba(255, 255, 255, 0.85);
margin-top: 24px; margin-top: 24px;
} }
.btn { .btn {
margin-top: 24px; margin-top: 24px;
...@@ -130,27 +134,27 @@ export default { ...@@ -130,27 +134,27 @@ export default {
.confirm-btn { .confirm-btn {
margin-left: 12px; margin-left: 12px;
padding: 0 16px; padding: 0 16px;
height:32px; height: 32px;
background:rgba(47,134,246,1); background: rgba(47, 134, 246, 1);
border-radius:2px; border-radius: 2px;
font-size:14px; font-size: 14px;
font-family:PingFangSC-Regular,PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight:400; font-weight: 400;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:32px; line-height: 32px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.cancle-btn { .cancle-btn {
width:60px; width: 60px;
height:32px; height: 32px;
border-radius:2px; border-radius: 2px;
border:1px solid rgba(255,255,255,0.2); border: 1px solid rgba(255, 255, 255, 0.2);
font-size:14px; font-size: 14px;
font-family:PingFangSC-Regular,PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight:400; font-weight: 400;
color:rgba(255,255,255,0.65); color: rgba(255, 255, 255, 0.65);
line-height:32px; line-height: 32px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
...@@ -158,5 +162,4 @@ export default { ...@@ -158,5 +162,4 @@ export default {
} }
} }
} }
</style> </style>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
class="offline" class="offline"
v-if=" v-if="
(item.diagnoseType == 1 || item.diagnoseType == 2) && (item.diagnoseType == 1 || item.diagnoseType == 2) &&
(item.returnStatus == 1 || item.returnStatus == 3)&& (item.returnStatus == 1 || item.returnStatus == 3) &&
doctorTrtcEntryStatus != 1 doctorTrtcEntryStatus != 1
" "
> >
...@@ -69,8 +69,8 @@ ...@@ -69,8 +69,8 @@
<div <div
class="call-status" class="call-status"
v-if=" v-if="
item.diagnoseType == 1 || (item.diagnoseType == 1 || item.diagnoseType == 2) &&
(item.diagnoseType == 2 && doctorTrtcEntryStatus != 1) doctorTrtcEntryStatus != 1
" "
> >
<img <img
...@@ -93,10 +93,9 @@ ...@@ -93,10 +93,9 @@
<div <div
class="offline" class="offline"
v-if=" v-if="
(item.diagnoseType == 1 ||item.diagnoseType == 2 )&& (item.diagnoseType == 1 || item.diagnoseType == 2) &&
(item.returnStatus == 1 ||item.returnStatus == 3)&& (item.returnStatus == 1 || item.returnStatus == 3) &&
userTrtcEntryStatus != 1 userTrtcEntryStatus != 1
" "
> >
<img :src="offline" alt="" /> <img :src="offline" alt="" />
...@@ -129,8 +128,8 @@ ...@@ -129,8 +128,8 @@
<div <div
class="call-status" class="call-status"
v-if=" v-if="
item.diagnoseType == 1 || (item.diagnoseType == 1 || item.diagnoseType == 2) &&
(item.diagnoseType == 2 && userTrtcEntryStatus != 1) userTrtcEntryStatus != 1
" "
> >
<img <img
...@@ -546,8 +545,9 @@ export default { ...@@ -546,8 +545,9 @@ export default {
.call-status { .call-status {
width: 45px; width: 45px;
height: 46px; height: 46px;
cursor: pointer;
img { img {
cursor: pointer;
width: 45px; width: 45px;
height: 46px; height: 46px;
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册