1.导税平板app tax-guidance静态界面搭建
parent
6af6550179
commit
69ae3af441
@ -0,0 +1,3 @@
|
||||
unpackage
|
||||
uni_modules
|
||||
*.log*
|
||||
@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<div class="login-head">
|
||||
<div class="head-title">
|
||||
<image class="head-icon" src="/static/head-icon.png" />
|
||||
<span>国家税务总局绍兴市越城税务局办税服务厅</span>
|
||||
</div>
|
||||
<div class="head-time">
|
||||
<span>2025-08-11 星期一 10:25:25</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.login-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: $statusbar-height;
|
||||
|
||||
.head-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6vh;
|
||||
|
||||
.head-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
font-size: 3vh;
|
||||
font-weight: 800;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
}
|
||||
|
||||
.head-time {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6vh;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
font-size: 2vh;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
@ -0,0 +1,2 @@
|
||||
\G€Äùq/·tò
|
||||
O@Èèû
|
||||
@ -0,0 +1,50 @@
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIICGjCCAaGgAwIBAgIIShhpn519jNAwCgYIKoZIzj0EAwMwUzELMAkGA1UEBhMC
|
||||
Q04xDzANBgNVBAoMBkh1YXdlaTETMBEGA1UECwwKSHVhd2VpIENCRzEeMBwGA1UE
|
||||
AwwVSHVhd2VpIENCRyBSb290IENBIEcyMB4XDTIwMDMxNjAzMDQzOVoXDTQ5MDMx
|
||||
NjAzMDQzOVowUzELMAkGA1UEBhMCQ04xDzANBgNVBAoMBkh1YXdlaTETMBEGA1UE
|
||||
CwwKSHVhd2VpIENCRzEeMBwGA1UEAwwVSHVhd2VpIENCRyBSb290IENBIEcyMHYw
|
||||
EAYHKoZIzj0CAQYFK4EEACIDYgAEWidkGnDSOw3/HE2y2GHl+fpWBIa5S+IlnNrs
|
||||
GUvwC1I2QWvtqCHWmwFlFK95zKXiM8s9yV3VVXh7ivN8ZJO3SC5N1TCrvB2lpHMB
|
||||
wcz4DA0kgHCMm/wDec6kOHx1xvCRo0IwQDAOBgNVHQ8BAf8EBAMCAQYwDwYDVR0T
|
||||
AQH/BAUwAwEB/zAdBgNVHQ4EFgQUo45a9Vq8cYwqaiVyfkiS4pLcIAAwCgYIKoZI
|
||||
zj0EAwMDZwAwZAIwMypeB7P0IbY7c6gpWcClhRznOJFj8uavrNu2PIoz9KIqr3jn
|
||||
BlBHJs0myI7ntYpEAjBbm8eDMZY5zq5iMZUC6H7UzYSix4Uy1YlsLVV738PtKP9h
|
||||
FTjgDHctXJlC5L7+ZDY=
|
||||
-----END CERTIFICATE-----
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIIDATCCAoigAwIBAgIIXmuDXbWpOB8wCgYIKoZIzj0EAwMwUzELMAkGA1UEBhMC
|
||||
Q04xDzANBgNVBAoMBkh1YXdlaTETMBEGA1UECwwKSHVhd2VpIENCRzEeMBwGA1UE
|
||||
AwwVSHVhd2VpIENCRyBSb290IENBIEcyMB4XDTIwMDcwOTAyMDQyNFoXDTMwMDcw
|
||||
NzAyMDQyNFowYjELMAkGA1UEBgwCQ04xDzANBgNVBAoMBkh1YXdlaTETMBEGA1UE
|
||||
CwwKSHVhd2VpIENCRzEtMCsGA1UEAwwkSHVhd2VpIENCRyBEZXZlbG9wZXIgUmVs
|
||||
YXRpb25zIENBIEcyMHYwEAYHKoZIzj0CAQYFK4EEACIDYgAE65LdoIZh1hlpZ2gP
|
||||
bJ6gPhHsvYSRe22KETgdqeVeYnrbRHI9wsPT6RGYS+pU4mPl6wxzgDMqN6SY/BoZ
|
||||
luhkE1PzaHoPoNIWIq0O33hpyKyyYwAacIUEjYurkw1E9r9no4IBGDCCARQwHwYD
|
||||
VR0jBBgwFoAUo45a9Vq8cYwqaiVyfkiS4pLcIAAwHQYDVR0OBBYEFNtek7Ij6NDk
|
||||
/nF6Zumkc0dbf/NeMEYGA1UdIAQ/MD0wOwYEVR0gADAzMDEGCCsGAQUFBwIBFiVo
|
||||
dHRwOi8vY3BraS1jYXdlYi5odWF3ZWkuY29tL2Nwa2kvY3BzMBIGA1UdEwEB/wQI
|
||||
MAYBAf8CAQAwDgYDVR0PAQH/BAQDAgEGMGYGA1UdHwRfMF0wW6BZoFeGVWh0dHA6
|
||||
Ly9jcGtpLWNhd2ViLmh1YXdlaS5jb20vY3BraS9zZXJ2bGV0L2NybEZpbGVEb3du
|
||||
LmNybD9jZXJ0eXBlPTEwJi9yb290X2cyX2NybC5jcmwwCgYIKoZIzj0EAwMDZwAw
|
||||
ZAIwWO1X5q2MdfpR1Q237GpUHGbL1C13rGyFg2p3AYo44FpZ2/A9ss0wOHKM4KDl
|
||||
ZPqdAjBLkf8NPZy7KVog98+iCTLq35DJ2ZVxkCxknA9YhiHVyXf4HPm4JlT7rW7o
|
||||
Q+FzM3c=
|
||||
-----END CERTIFICATE-----
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIICwTCCAkegAwIBAgIOY9gjdDaxS1xO6VZ0psAwCgYIKoZIzj0EAwMwYjELMAkG
|
||||
A1UEBgwCQ04xDzANBgNVBAoMBkh1YXdlaTETMBEGA1UECwwKSHVhd2VpIENCRzEt
|
||||
MCsGA1UEAwwkSHVhd2VpIENCRyBEZXZlbG9wZXIgUmVsYXRpb25zIENBIEcyMB4X
|
||||
DTI1MDgyODA2MzMzNloXDTI1MDkxMTA2MzMzNlowcTELMAkGA1UEBhMCQ04xEDAO
|
||||
BgNVBAoMB3Vua25vd24xHDAaBgNVBAsMEzE3NjIzNjk1MDMyMjk5MzU0ODkxMjAw
|
||||
BgNVBAMMKXVua25vd24oMTc2MjM2OTUwMzIyOTkzNTQ4OSlcLERldmVsb3BtZW50
|
||||
MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEh3qjdFfw5h+5PNGE2ERhOm6XQjY5
|
||||
wNzeroxly6fWdT8QbPhNRgHG55mxB6sRId/1KsqJw81luM16K+o1MROfgKOB0TCB
|
||||
zjAdBgNVHQ4EFgQU1+JKCTgMOqiNyX+wiBJkyUfuzZ4wDAYDVR0TAQH/BAIwADAf
|
||||
BgNVHSMEGDAWgBTbXpOyI+jQ5P5xembppHNHW3/zXjBZBgNVHR8EUjBQME6gTKBK
|
||||
hkhodHRwOi8vaDVob3N0aW5nLWRyY24uZGJhbmtjZG4uY24vY2NoNS9jcmwvaGRy
|
||||
Y2FnMi9IdWF3ZWlDQkdIRFJHMmNybC5jcmwwDgYDVR0PAQH/BAQDAgeAMBMGA1Ud
|
||||
JQQMMAoGCCsGAQUFBwMDMAoGCCqGSM49BAMDA2gAMGUCMQCLCq+G0+2XPfVIy6JK
|
||||
yFbRPvGIi04HVOQ2/3wRRVJGJNxGHn6p9pAEYsdIH6/IksYCMEod/X4jzgXEvZ1v
|
||||
m/hCqxGLF6umQ9bCRWeZTJaWZ2GLNW20ylZ5Ck5RJjrNHejnVg==
|
||||
-----END CERTIFICATE-----
|
||||
@ -0,0 +1,9 @@
|
||||
-----BEGIN NEW CERTIFICATE REQUEST-----
|
||||
MIIBNzCB3wIBADBNMQkwBwYDVQQGEwAxCTAHBgNVBAgTADEJMAcGA1UEBxMAMQkw
|
||||
BwYDVQQKEwAxCTAHBgNVBAsTADEUMBIGA1UEAwwLeml5dW5fZGVidWcwWTATBgcq
|
||||
hkjOPQIBBggqhkjOPQMBBwNCAASHeqN0V/DmH7k80YTYRGE6bpdCNjnA3N6ujGXL
|
||||
p9Z1PxBs+E1GAcbnmbEHqxEh3/UqyonDzWW4zXor6jUxE5+AoDAwLgYJKoZIhvcN
|
||||
AQkOMSEwHzAdBgNVHQ4EFgQU1+JKCTgMOqiNyX+wiBJkyUfuzZ4wCgYIKoZIzj0E
|
||||
AwIDRwAwRAIgUHw85yWsSeybwHVAb0NH5B3Kknkw+Ds1UCZBGVvAH+cCIFk2ouND
|
||||
fq33TSwBew6tV46aEOzeCj3NdiDQslddzr4a
|
||||
-----END NEW CERTIFICATE REQUEST-----
|
||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title></title>
|
||||
<!--preload-links-->
|
||||
<!--app-context-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,22 @@
|
||||
import App from './App'
|
||||
|
||||
// #ifndef VUE3
|
||||
import Vue from 'vue'
|
||||
import './uni.promisify.adaptor'
|
||||
Vue.config.productionTip = false
|
||||
App.mpType = 'app'
|
||||
const app = new Vue({
|
||||
...App
|
||||
})
|
||||
app.$mount()
|
||||
// #endif
|
||||
|
||||
// #ifdef VUE3
|
||||
import { createSSRApp } from 'vue'
|
||||
export function createApp() {
|
||||
const app = createSSRApp(App)
|
||||
return {
|
||||
app
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
@ -0,0 +1,88 @@
|
||||
{
|
||||
"name": "tax-guidance",
|
||||
"appid": "__UNI__A083CF1",
|
||||
"description": "",
|
||||
"versionName": "1.0.0",
|
||||
"versionCode": "100",
|
||||
"transformPx": false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus": {
|
||||
"usingComponents": true,
|
||||
"nvueStyleCompiler": "uni-app",
|
||||
"compilerVersion": 3,
|
||||
"splashscreen": {
|
||||
"alwaysShowBeforeRender": true,
|
||||
"waiting": true,
|
||||
"autoclose": true,
|
||||
"delay": 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules": {},
|
||||
/* 应用发布信息 */
|
||||
"distribute": {
|
||||
/* android打包配置 */
|
||||
"android": {
|
||||
"permissions": [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios": {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs": {}
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp": {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin": {
|
||||
"appid": "",
|
||||
"setting": {
|
||||
"urlCheck": false
|
||||
},
|
||||
"usingComponents": true
|
||||
},
|
||||
"mp-alipay": {
|
||||
"usingComponents": true
|
||||
},
|
||||
"mp-baidu": {
|
||||
"usingComponents": true
|
||||
},
|
||||
"mp-toutiao": {
|
||||
"usingComponents": true
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
},
|
||||
"vueVersion": "3",
|
||||
"app-harmony": {
|
||||
"distribute": {
|
||||
"bundleName": "com.ziyun.taxguidance",
|
||||
"signingConfigs": {
|
||||
"default": {
|
||||
"certpath": "ziyun_debug.cer",
|
||||
"keyAlias": "ziyun_debug",
|
||||
"keyPassword": "0000001C0A434C6EAD0E542DD56B04458C2B66CC2F31DBD5DAE971DCDC08E1E50F36DF37A9288699FBE4B97B",
|
||||
"profile": "紫云智能导税调试Debug.p7b",
|
||||
"signAlg": "SHA256withECDSA",
|
||||
"storeFile": "ziyun_debug.p12",
|
||||
"storePassword": "0000001C7E1A6AAD38035864C0D38355D93B30E5998D5D1674A5F09736672B97B02B5F8FE2566518D6E02BA6"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,247 @@
|
||||
<template>
|
||||
<view class="page-container tn-gradient-bg__cool-5">
|
||||
<cheader></cheader>
|
||||
<div class="index-body">
|
||||
<div class="body-title">
|
||||
<span class="title-mian">紫云纳税服务综合管理系统</span>
|
||||
<span class="title-child">智能导税</span>
|
||||
</div>
|
||||
<div class="body-content">
|
||||
<div class="emp-content">
|
||||
<image src="/static/header_no.png" class="emp-image"></image>
|
||||
<p class="emp-name emp-p">{{'欧阳永叔'}}</p>
|
||||
<p class="emp-id emp-p">工号:{{'123456789'}}</p>
|
||||
<tn-button width="180px" height="50px" @click="loginOutAction">退 出</tn-button>
|
||||
</div>
|
||||
<div style="width: 2vw;"></div>
|
||||
<div class="btn-content">
|
||||
<div class="btn-row1">
|
||||
<div class="row1-item1 col-center" @click="goToTable">
|
||||
<uni-icons type="staff-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">今日进厅</p>
|
||||
</div>
|
||||
<div class="row1-item2 col-center">
|
||||
<uni-icons type="notification-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">今日预约</p>
|
||||
</div>
|
||||
<div class="row1-item3 col-center">
|
||||
<uni-icons type="list" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">票号管理</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 2vh;"></div>
|
||||
<div class="btn-row2">
|
||||
<div class="row2-item1">
|
||||
<div class="row2-item1-top row-center">
|
||||
<uni-icons type="email-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">信息推送</p>
|
||||
</div>
|
||||
<div style="height: 2vh;"></div>
|
||||
<div class="row2-item1-bottom row-center">
|
||||
<uni-icons type="download-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">台账登记</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row2-item2">
|
||||
<div class="row2-item2-left col-center">
|
||||
<uni-icons type="checkbox-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">注册码验证</p>
|
||||
</div>
|
||||
<div style="width: 2vh;"></div>
|
||||
<div class="row2-item2-center col-center">
|
||||
<uni-icons type="auth-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">网格员</p>
|
||||
</div>
|
||||
<div style="width: 2vh;"></div>
|
||||
<div class="row2-item2-right col-center">
|
||||
<uni-icons type="home-filled" size="60" color="#fff"></uni-icons>
|
||||
<p class="btn-p">一户式</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import cheader from '@/components/header.vue'
|
||||
|
||||
let goToTable = ()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/table/table'
|
||||
})
|
||||
}
|
||||
|
||||
let loginOutAction = ()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/login/login'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.index-body {
|
||||
height: 90vh;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.body-title {
|
||||
height: 6vh;
|
||||
margin-bottom: 2vh;
|
||||
|
||||
.title-mian {
|
||||
background: linear-gradient(to bottom, #DEDEDE 10%, #fff 90%);
|
||||
/* 2. 将背景裁剪成文字形状 (需要-webkit-前缀) */
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
/* 3. 将文字颜色设为透明，显示出渐变背景 */
|
||||
color: transparent;
|
||||
/* 为了效果明显，可以设置一些字体样式 */
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.title-child {
|
||||
background: linear-gradient(to bottom, #483D8B 10%, #8A2BE2 90%);
|
||||
/* 2. 将背景裁剪成文字形状 (需要-webkit-前缀) */
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
/* 3. 将文字颜色设为透明，显示出渐变背景 */
|
||||
color: transparent;
|
||||
/* 为了效果明显，可以设置一些字体样式 */
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.body-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.emp-content {
|
||||
height: 60vh;
|
||||
width: 20vw;
|
||||
background-color: #ffffff50;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 30px;
|
||||
|
||||
.emp-image{
|
||||
height: 30vh;
|
||||
padding: 4px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.emp-p{
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.emp-name{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.emp-id{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-content {
|
||||
|
||||
.btn-row1 {
|
||||
height: 22vh;
|
||||
width: 60vw;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
.row1-item1 {
|
||||
background-color: #990066;
|
||||
margin-right: 2vh;
|
||||
}
|
||||
|
||||
.row1-item2 {
|
||||
background-color: #993366;
|
||||
margin-right: 2vh;
|
||||
}
|
||||
|
||||
.row1-item3 {
|
||||
background-color: #996666;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-row2 {
|
||||
height: 36vh;
|
||||
width: 60vw;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
.row2-item1 {
|
||||
margin-right: 2vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.row2-item1-top{
|
||||
flex: 1;
|
||||
background-color: #33cc66;
|
||||
}
|
||||
|
||||
.row2-item1-bottom{
|
||||
flex: 1;
|
||||
background-color: #cc9966;
|
||||
}
|
||||
}
|
||||
|
||||
.row2-item2 {
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.row2-item2-left{
|
||||
flex: 1;
|
||||
background-color: #99ffcc;
|
||||
}
|
||||
|
||||
.row2-item2-center{
|
||||
flex: 1;
|
||||
background-color: #cccccc;
|
||||
}
|
||||
|
||||
.row2-item2-right{
|
||||
flex: 1;
|
||||
background-color: #cc99cc;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.col-center{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.row-center{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-p{
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
margin: 8px;
|
||||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<div class="page-container tn-gradient-bg__cool-5">
|
||||
<cheader></cheader>
|
||||
<div class="login-body">
|
||||
<div class="login-form tn-grey_shadow">
|
||||
<p>账号登录</p>
|
||||
<tn-input v-model="username" placeholder="请输入用户名">
|
||||
<template #prefix>
|
||||
<uni-icons type="contact" size="18" color="#ccc"></uni-icons>
|
||||
</template>
|
||||
</tn-input>
|
||||
<div class="divider"></div>
|
||||
<tn-input v-model="password" type="password" placeholder="请输入密码">
|
||||
<template #prefix>
|
||||
<uni-icons type="locked-filled" size="18" color="#ccc"></uni-icons>
|
||||
</template>
|
||||
</tn-input>
|
||||
<div class="divider"></div>
|
||||
<tn-button width="250px" height="36px" @click="loginAction">登 录</tn-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import cheader from '@/components/header.vue'
|
||||
import { ref } from 'vue'
|
||||
|
||||
let username = ref('')
|
||||
let password = ref('')
|
||||
|
||||
let loginAction = ()=>{
|
||||
uni.navigateTo({
|
||||
url:'/pages/index/index'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
|
||||
.login-body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 90vh;
|
||||
|
||||
.login-form {
|
||||
height: 40vh;
|
||||
width: 30vw;
|
||||
padding: 15px 40px;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
background: linear-gradient(to right, #1874CD 70%, #0099ff );
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.divider{
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
@ -0,0 +1,13 @@
|
||||
uni.addInterceptor({
|
||||
returnValue (res) {
|
||||
if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
|
||||
return res;
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
res.then((res) => {
|
||||
if (!res) return resolve(res)
|
||||
return res[0] ? reject(res[0]) : resolve(res[1])
|
||||
});
|
||||
});
|
||||
},
|
||||
});
|
||||
Loading…
Reference in New Issue