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

修改样式去除手型鼠标

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