85 lines
1.8 KiB
Vue
85 lines
1.8 KiB
Vue
<template>
|
||
<uni-popup ref="popup" type="center" @change="change">
|
||
<view :style="elderVarStyle" class="popup-content px-15 border-box bg-white rounded overflow-hidden">
|
||
<view class="py-12 text-center text-lg font-semibold text-dark">
|
||
提示
|
||
</view>
|
||
<view class="p-10 rounded mb-10">
|
||
<view class="text-base leading-normal">
|
||
<text class="text-base text-dark">为确保您的用药安全，根据规定：</text>
|
||
<text class="text-base text-danger">药品属特殊商品，非质量问题一经售出概不退换</text>
|
||
</view>
|
||
</view>
|
||
<view class="text-center pb-10" :class="elderMode ? '' : 'flex'">
|
||
<view class="flex-grow order-2 p-10 rounded border-primary bg-primary text-white text-lg" @click="agree()">
|
||
我已知晓并继续
|
||
</view>
|
||
<view class="flex-grow order-1 p-10 rounded border-primary text-primary text-lg"
|
||
:class="elderMode ? 'mt-12' : 'mr-10'" @click="close()">
|
||
取消
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, watch } from 'vue';
|
||
|
||
const emits = defineEmits(['close', 'confirm'])
|
||
const props = defineProps({
|
||
elderVarStyle: {
|
||
type: String,
|
||
default: ""
|
||
},
|
||
elderMode: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
visible: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
})
|
||
|
||
const popup = ref()
|
||
|
||
function agree() {
|
||
emits('confirm')
|
||
close()
|
||
}
|
||
|
||
function change(e) {
|
||
if (!e.show) {
|
||
emits('close')
|
||
}
|
||
}
|
||
|
||
function close() {
|
||
popup.value && popup.value.close()
|
||
}
|
||
|
||
watch(() => props.visible, n => {
|
||
if (n) {
|
||
popup.value && popup.value.open()
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.popup-content {
|
||
width: 690rpx;
|
||
}
|
||
|
||
.content-scroll {
|
||
max-height: 60vh;
|
||
}
|
||
|
||
.order-1 {
|
||
order: 1;
|
||
}
|
||
|
||
.order-2 {
|
||
order: 2;
|
||
}
|
||
</style> |