初始化项目模板

components/login-popup.vue

@@ -0,0 +1,44 @@
+<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>