<template>
|
<view>
|
<!-- 设置 -->
|
<label class="settings">
|
<uni-icons type="gear" size="30" color="#707070" @click="settings"></uni-icons>
|
</label>
|
<!-- logo -->
|
<view class="head">
|
<view class="logo">
|
<image src="../../static/img/logo.png" mode="aspectFit"></image>
|
</view>
|
</view>
|
<view class="content">
|
<!-- 账号 -->
|
<view class="box shadow-warp">
|
<view class="box-icon">
|
<uni-icons type="person" size="20" color="#707070"></uni-icons>
|
</view>
|
<view class="box-text">账号:</view>
|
<view class="box-input">
|
<input type="text">
|
</view>
|
<view class="box-show"></view>
|
</view>
|
<!-- 密码 -->
|
<view class="box shadow-warp">
|
<view class="box-icon">
|
<uni-icons type="locked" size="20" color="#707070"></uni-icons>
|
</view>
|
<view class="box-text">密码:</view>
|
<view class="box-input">
|
<input type="text">
|
</view>
|
<view class="box-show">
|
<uni-icons type="eye-filled" size="20" color="#707070"></uni-icons>
|
</view>
|
</view>
|
<!-- 记住密码 -->
|
<view class="check">
|
<view class="check-left">
|
<view>记住密码</view>
|
</view>
|
<view class="check-right">
|
<switch checked color="#FFCC33" style="zoom:.5"/>
|
</view>
|
</view>
|
</view>
|
<!-- 登录按钮 -->
|
<view class="submit">
|
<view class="" style="width: 400rpx;">
|
<button type="primary" size="default">登录</button>
|
</view>
|
|
</view>
|
|
<!-- 设置弹窗区域 -->
|
<view>
|
<uni-popup ref="inputDialog" type="dialog">
|
<view class="popup">
|
<!-- 标题 -->
|
<view class="title title-font">配置</view>
|
<view class="input">
|
<view class="input-left">ip:</view>
|
<view class="input-right"><input type="text"></view>
|
</view>
|
<view class="input">
|
<view class="input-left">端口:</view>
|
<view class="input-right"><input type="text"></view>
|
</view>
|
<view class="input">
|
<view class="input-left">项目:</view>
|
<view class="input-right"><input type="text"></view>
|
</view>
|
<view class="btn">
|
<view class="btn-left" @click="close">取消</view>
|
<view class="btn-right">确认</view>
|
</view>
|
</view>
|
</uni-popup>
|
</view>
|
|
|
<!-- 版本号 -->
|
<!-- #ifdef APP-PLUS -->
|
<view class="version">
|
当前版本:{{version}}
|
</view>
|
<!-- #endif -->
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
version: '',
|
value: ''
|
}
|
},
|
onLoad() {
|
// 手机端版本号
|
// #ifdef APP-PLUS
|
var that = this
|
plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
|
that.version = wgtinfo.version
|
});
|
// #endif
|
},
|
methods: {
|
// 设置窗口开启按钮
|
settings() {
|
this.$refs.inputDialog.open()
|
},
|
// 设置窗口确认修改按钮
|
dialogInputConfirm() {
|
this.$refs.inputDialog.close()
|
},
|
// 设置窗口关闭按钮
|
close() {
|
this.$refs.inputDialog.close()
|
}
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
