Просмотр исходного кода

feat(login): 添加多平台登录页面组件

添加H5、微信小程序和通用登录页面组件,通过条件编译实现多平台适配
feige996 8 месяцев назад
Родитель
Сommit
a9b0087131
3 измененных файлов с 78 добавлено и 0 удалено
  1. 26 0
      src/pages/login/login.h5.vue
  2. 26 0
      src/pages/login/login.vue
  3. 26 0
      src/pages/login/login.weixin.vue

+ 26 - 0
src/pages/login/login.h5.vue

@@ -0,0 +1,26 @@
+<route lang="jsonc" type="page">
+{
+  "layout": "default",
+  "style": {
+    "navigationBarTitleText": "登录"
+  }
+}
+</route>
+
+<script lang="ts" setup>
+//
+</script>
+
+<template>
+  <view class="login">
+    <view class="login__header">
+      <view class="login__header__title">
+        登录 h5
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+//
+</style>

+ 26 - 0
src/pages/login/login.vue

@@ -0,0 +1,26 @@
+<route lang="jsonc" type="page">
+{
+  "layout": "default",
+  "style": {
+    "navigationBarTitleText": "登录"
+  }
+}
+</route>
+
+<script lang="ts" setup>
+import LoginH5 from './login.h5.vue'
+import LoginWeixin from './login.weixin.vue'
+</script>
+
+<template>
+  <!-- #ifdef H5 || APP-PLUS -->
+  <LoginH5 />
+  <!-- #endif -->
+  <!-- #ifdef MP-WEIXIN -->
+  <LoginWeixin />
+  <!-- #endif -->
+</template>
+
+<style lang="scss" scoped>
+//
+</style>

+ 26 - 0
src/pages/login/login.weixin.vue

@@ -0,0 +1,26 @@
+<route lang="jsonc" type="page">
+{
+  "layout": "default",
+  "style": {
+    "navigationBarTitleText": "登录"
+  }
+}
+</route>
+
+<script lang="ts" setup>
+//
+</script>
+
+<template>
+  <view class="login">
+    <view class="login__header">
+      <view class="login__header__title">
+        登录 mp-weixin
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+//
+</style>