|
|
@@ -161,7 +161,7 @@
|
|
|
<el-dialog
|
|
|
:visible.sync="logisticsFlag"
|
|
|
:close-on-click-modal="false"
|
|
|
- width="700px"
|
|
|
+ :width="isPhone ? '100%' : '700px'"
|
|
|
v-if="logisticsFlag"
|
|
|
title="物流信息查询"
|
|
|
>
|
|
|
@@ -350,6 +350,7 @@ export default {
|
|
|
logisticsCode: "", // 物流验证码
|
|
|
logistLoading: false,
|
|
|
logisticsInfoList: null,
|
|
|
+ isPhone: false,
|
|
|
};
|
|
|
},
|
|
|
//计算属性 类似于data概念
|
|
|
@@ -511,8 +512,10 @@ export default {
|
|
|
},
|
|
|
//生命周期 - 创建完成（可以访问当前this实例）
|
|
|
created() {
|
|
|
+ const regExp = /Android|webOS|iPhone|BlackBerry|IEMobile|Opera Mini/i;
|
|
|
+ this.isPhone = regExp.test(navigator.userAgent) && window.innerWidth < 860;
|
|
|
// 如果是开发环境 提示正式环境地址
|
|
|
- if (window.location.hostname === "21st.helxsoft.cn") {
|
|
|
+ if (window.location.hostname !== "read.21stcentury.com.cn") {
|
|
|
// if (!window.sessionStorage.getItem("21stTips")) {
|
|
|
this.$confirm(
|
|
|
"此网址为开发环境系统，正确网址为：https://read.21stcentury.com.cn/",
|
|
|
@@ -521,6 +524,7 @@ export default {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning",
|
|
|
+ customClass: this.isPhone ? "refund-model" : "",
|
|
|
}
|
|
|
).then(({}) => {});
|
|
|
// window.sessionStorage.setItem("21stTips", "1");
|
|
|
@@ -699,6 +703,7 @@ export default {
|
|
|
display: flex;
|
|
|
gap: 5px;
|
|
|
padding-bottom: 15px;
|
|
|
+ flex-flow: wrap;
|
|
|
|
|
|
.verificationCode-img {
|
|
|
min-width: 85px;
|
|
|
@@ -724,4 +729,7 @@ export default {
|
|
|
width: 1200px;
|
|
|
margin-left: -20%;
|
|
|
}
|
|
|
+.refund-model {
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
</style>
|
natasha