45 lines
907 B
Vue
45 lines
907 B
Vue
<template>
|
|
<up-popup :show="showPicker" :closeable="true" round="10" mode="bottom" @close="onClose">
|
|
<view class="login">
|
|
<view class="logo mb-[10rpx] mt-[50rpx] flex justify-center text-center">
|
|
<image class="h-[140rpx] rounded-full" src="/static/common/logo.png" mode="heightFix"></image>
|
|
</view>
|
|
<Login @close="onClose"></Login>
|
|
</view>
|
|
</up-popup>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, watch } from 'vue';
|
|
import Login from './login.vue';
|
|
|
|
const props = defineProps({
|
|
show: {
|
|
// 展示狀態
|
|
type: Boolean,
|
|
default: () => {
|
|
return false;
|
|
},
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(['close']);
|
|
const onClose = () => {
|
|
emit('close');
|
|
};
|
|
|
|
const showPicker = ref(false);
|
|
watch(
|
|
() => props.show,
|
|
(newVal) => {
|
|
showPicker.value = newVal;
|
|
},
|
|
{
|
|
immediate: true,
|
|
deep: true,
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|