# home

whycq

2023-10-08 e60e5c67969ded98bc88129ab2a8a3faad436eb7

 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">
@@ -21,6 +21,28 @@
            登录
         </view>
      </view>
		
		
      <!-- 设置弹窗区域 -->
      <uni-popup ref="settings" type="dialog" style="height: 100%;width: 100%;background-color: aqua;">
         <view class="popup">
            <!-- 标题 -->
            <view class="title">配置</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 +57,12 @@
      data() {
         return {
            version: '',
            remberPassword: true
            remberPassword: true,
            url: {
               ip: '',
               port: '',
               project: ''
            },
         }
      },
      mounted() {
@@ -55,6 +82,9 @@
      methods: {
         remberChange() {
            
         },
         settings() {
            this.$refs.settings.open()
         }
      }
   }
@@ -174,4 +204,9 @@
      font-size: 10px;
      color: #909399;
   }
	
   .popup {
      background-color: #fff;
      width: 100%;
   }
</style>