|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<view @touchmove.stop.prevent>
|
|
|
- <view class="tui-modal-box" style="margin-top: -150rpx" :style="{width:width,padding:padding,borderRadius:radius,background:bgcolor}" :class="[(fadein || show)?'tui-modal-normal':'tui-modal-scale',show?'tui-modal-show':'']">
|
|
|
+ <view class="tui-modal-box" style="margin-top: -150rpx" :style="{padding:padding,borderRadius:radius,background:bgcolor}" :class="[(fadein || show)?'tui-modal-normal':'tui-modal-scale',show?'tui-modal-show':'']">
|
|
|
<view v-if="!custom">
|
|
|
<view class="tui-modal-title" v-if="title">{{title}}</view>
|
|
|
<!-- <view class="tui-modal-content" :class="[title?'':'tui-mtop']"> -->
|
|
|
@@ -42,10 +42,6 @@ export default {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
},
|
|
|
- width: {
|
|
|
- type: String,
|
|
|
- default: '84%'
|
|
|
- },
|
|
|
padding: {
|
|
|
type: String,
|
|
|
default: '40rpx 30rpx'
|
|
|
@@ -144,6 +140,14 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.tui-modal-box {
|
|
|
+ /* 手机mobile屏幕小于1000px */
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 84%;
|
|
|
+ }
|
|
|
+ /* 收银台cashier屏幕大于1000px */
|
|
|
+ @media screen and (min-width:1100px) {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
position: fixed;
|
|
|
left: 50%;
|
|
|
top: 50%;
|