#
whycq
2023-10-08 8d410c9a8ac1c47a490cb35ec77634a6995ff6fc
pages/LoginDemo/LoginDemo.vue
@@ -1,7 +1,7 @@
<template>
   <view class="main">
      <!-- 设置按钮 -->
      <uni-icons type="gear" size="30" color="#b1b3b8" class="setting"></uni-icons>
      <uni-icons type="gear" size="30" color="#b1b3b8" class="setting" @click="settings"></uni-icons>
      <view class="left">
         <!-- logo -->
         <view class="logo-box">
@@ -17,10 +17,45 @@
               <switch :checked='remberPassword' color="#FFCC33" style="zoom:.5" @change="remberChange"/>
            </view>
         </view>
         <view class="button">
         <view class="button" @click="login">
            登录
         </view>
      </view>
      <!-- 设置弹窗区域 -->
      <uni-popup ref="settings" type="dialog">
         <view class="popup">
            <!-- 标题 -->
            <view class="title">配置</view>
            <scroll-view style="height: 20vh;">
               <view style="background-color: aqua;margin: 4px;height: 40px;width: 20px;" v-for="it in 10"></view>
            </scroll-view>
            <view class="">
               <view class="">
                  取消
               </view>
               <view class="">
                  确认
               </view>
            </view>
            <view class="popup-item">
               <view class="popup-item-left">IP:</view>
               <view class="popup-item-right"><input type="text" v-model="url.ip"></view>
            </view>
            <view class="popup-item">
               <view class="popup-item-left">端口:</view>
               <view class="popup-item-right"><input type="text" v-model="url.port"></view>
            </view>
            <view class="popup-item">
               <view class="popup-item-left">项目:</view>
               <view class="popup-item-right"><input type="text" v-model="url.project"></view>
            </view>
         </view>
      </uni-popup>
      <!-- 版本号 -->
      <!-- #ifdef APP-PLUS -->
      <view class="version">
@@ -35,7 +70,12 @@
      data() {
         return {
            version: '',
            remberPassword: true
            remberPassword: true,
            url: {
               ip: '',
               port: '',
               project: ''
            },
         }
      },
      mounted() {
@@ -55,6 +95,19 @@
      methods: {
         remberChange() {
            
         },
         settings() {
            this.$refs.settings.open()
         },
         login() {
            let path = 'demo'
            uni.navigateTo({
               url: `/pages/project/${path}/home/home`,
               fail(res) {
                  console.log(`没有${path}项目,请联系管理元`);
               }
            })
         }
      }
   }
@@ -174,4 +227,18 @@
      font-size: 10px;
      color: #909399;
   }
   .popup {
      width: 70vw;
      height: 40vh;
      background-color: #fff;
      border-radius: 16px;
   }
   .title {
      height: 10vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
   }
</style>