mirror of https://gitee.com/godoos/godoos.git
25 changed files with 1569 additions and 313 deletions
@ -0,0 +1 @@ |
|||||
|
dW50cnVzdGVkIGNvbW1lbnQ6IHJzaWduIGVuY3J5cHRlZCBzZWNyZXQga2V5ClJXUlRZMEl5VHZia2krc3dDK0U1REJiUmFydk5vQTNqWENYVEFrOWhrUE5OSmJkdXpaOEFBQkFBQUFBQUFBQUFBQUlBQUFBQXRmalV2Z3d5bGovak5hLzBnNmRjTCtlelNVeVpDeDdXYkxIbDE3bktKLytadk1WRHhrRWtnV1QxcFMvYmNaQjU2eGl5akF0bWczZUdxT1ZPaGxvNTFwTjNxUDR2NmlJNHJEeXRFaXdFbSt1K0xuUWlJcFNtTmRyNXY0ZUNsWkkxbDA1UU5aS2c2MTg9Cg== |
@ -0,0 +1 @@ |
|||||
|
dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDlGRjlBMjk0MTZCMEZDMEMKUldRTS9MQVdsS0w1bi9FSDk4aXF2T3pDa0s3cE9JTjY1eHgrWHh3bTJpRDQ5Nm9zZDROUFJmVkcK |
File diff suppressed because it is too large
@ -0,0 +1,10 @@ |
|||||
|
{ |
||||
|
"$schema": "../gen/schemas/desktop-schema.json", |
||||
|
"identifier": "mobile-capability", |
||||
|
"description": "Capability for the main window", |
||||
|
"platforms": ["iOS", "android"], |
||||
|
"windows": ["*"], |
||||
|
"permissions": [ |
||||
|
"core:default" |
||||
|
] |
||||
|
} |
@ -0,0 +1,91 @@ |
|||||
|
<script lang="ts" setup> |
||||
|
import { reactive, ref } from "vue"; |
||||
|
const setForm = ref({ |
||||
|
userRole: "person", |
||||
|
storeType: "local", |
||||
|
netUrl: "", |
||||
|
}); |
||||
|
const rules = reactive({ |
||||
|
username: [ |
||||
|
{ required: true, message: "请输入用户名", trigger: "blur" }, |
||||
|
{ |
||||
|
min: 3, |
||||
|
max: 20, |
||||
|
message: "长度在 3 到 20 个字符", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
password: [ |
||||
|
{ required: true, message: "请输入密码", trigger: "blur" }, |
||||
|
{ |
||||
|
min: 6, |
||||
|
max: 20, |
||||
|
message: "长度在 6 到 20 个字符", |
||||
|
trigger: "blur", |
||||
|
}, |
||||
|
], |
||||
|
}); |
||||
|
const setSave = () => { |
||||
|
}; |
||||
|
|
||||
|
</script> |
||||
|
<template> |
||||
|
<el-form :model="setForm" :rules="rules" ref="emailLoginFormRef" label-position="left" label-width="0px"> |
||||
|
<el-form-item label-position="right"> |
||||
|
<el-button-group> |
||||
|
<el-button :type="setForm.userRole == 'person' ? 'primary' : ''" @click="setForm.userRole = 'person'" icon="ArrowLeft" round>个人用户</el-button> |
||||
|
<el-button :type="setForm.userRole == 'member' ? 'primary' : ''" @click="setForm.userRole = 'member'" icon="ArrowRight" round>企业用户</el-button> |
||||
|
</el-button-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-position="right" v-if="setForm.userRole === 'person'"> |
||||
|
<el-button-group> |
||||
|
<el-button :type="setForm.storeType == 'local' ? 'primary' : ''" @click="setForm.storeType = 'local'" icon="ArrowLeft" round>本地服务</el-button> |
||||
|
<el-button :type="setForm.storeType == 'net' ? 'primary' : ''" @click="setForm.storeType = 'net'" icon="ArrowRight" round>远程服务</el-button> |
||||
|
</el-button-group> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label-position="right"> |
||||
|
<el-radio-group v-model="setForm.userRole" aria-label="label position"> |
||||
|
<el-radio-button value="person" round>个人用户</el-radio-button> |
||||
|
<el-radio-button value="member">企业用户</el-radio-button> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label-position="right" v-if="setForm.userRole === 'person'"> |
||||
|
<el-radio-group v-model="setForm.storeType" aria-label="label position"> |
||||
|
<el-radio-button value="local">本地存储</el-radio-button> |
||||
|
<el-radio-button value="brower">浏览器存储</el-radio-button> |
||||
|
<el-radio-button value="net">远程存储</el-radio-button> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> --> |
||||
|
<el-form-item prop="neturl" v-if="setForm.storeType === 'net' || setForm.userRole === 'member'"> |
||||
|
<el-input v-model="setForm.netUrl" size="large" placeholder="请输入远程地址" autofocus |
||||
|
prefix-icon="Link"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item class="button-center"> |
||||
|
<el-button class="login-button" type="primary" size="large" @click="setSave">保存</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</template> |
||||
|
<style scoped> |
||||
|
.button-center { |
||||
|
width: 100%; |
||||
|
|
||||
|
.login-button { |
||||
|
width: 100%; |
||||
|
border-radius: 50px; |
||||
|
} |
||||
|
} |
||||
|
:deep(.el-button-group){ |
||||
|
margin: auto; |
||||
|
} |
||||
|
:deep(.el-button){ |
||||
|
height: 45px; |
||||
|
} |
||||
|
:deep(.el-radio-group) { |
||||
|
margin-left: 30px; |
||||
|
} |
||||
|
|
||||
|
:deep(.el-input__wrapper) { |
||||
|
border-radius: 50px; |
||||
|
height: 45px; |
||||
|
} |
||||
|
</style> |
@ -1 +1,2 @@ |
|||||
|
/// <reference types="element-plus/global" />
|
||||
declare module 'pinia-plugin-persist'; |
declare module 'pinia-plugin-persist'; |
@ -0,0 +1,147 @@ |
|||||
|
import { |
||||
|
defineConfig, |
||||
|
presetAttributify, |
||||
|
presetIcons, |
||||
|
presetTypography, |
||||
|
presetUno, |
||||
|
presetWebFonts, |
||||
|
transformerDirectives, |
||||
|
transformerVariantGroup, |
||||
|
} from "unocss"; |
||||
|
|
||||
|
// @unocss-include
|
||||
|
export default defineConfig({ |
||||
|
shortcuts: [ |
||||
|
["card-default", "bg-white dark:bg-dark-5 rounded-1.5"], |
||||
|
["card-bg-color", "bg-white dark:bg-dark-5"], |
||||
|
["form-bg-color", "bg-white dark:bg-[#1b1b1b]"], |
||||
|
["card-bg-color-2", "bg-[#f2f2f2] dark:bg-[#1b1b1b]"], |
||||
|
["input-bg-color", "bg-[#f2f2f2] dark:bg-dark-8"], |
||||
|
["card-default-br", "bg-[#ffffff93] dark:(bg-dark-5 bg-op-60) rounded-1.5 backdrop-blur-12px backdrop-saturate-180"], |
||||
|
["card-default-br-2", "bg-light bg-op-90 dark:(bg-dark-5 bg-op-90) rounded-1.5 backdrop-blur-8px backdrop-saturate-180"], |
||||
|
["blur-card", "backdrop-blur-4 bg-[#75757528] rounded-1.5"], |
||||
|
["card-rounded-df", " rounded-1.5"], |
||||
|
["btn-default", "border-0 cursor-pointer rounded-4px hover:text-[var(--el-color-primary)] transition-200 text-white"], |
||||
|
["btn-primary-bg", " cursor-pointer rounded-4px hover:bg-[var(--el-color-primary)] hover:text-white"], |
||||
|
// 颜色
|
||||
|
["bg-color", "bg-white dark:bg-dark-5"], |
||||
|
["bg-color-2", "bg-[#f2f2f2] dark:bg-[#111111]"], // 次要背景色
|
||||
|
["bg-color-3", "bg-[#f2f2f2] dark:bg-dark-9"], |
||||
|
["bg-color-br", "bg-[#ffffff93] dark:(bg-dark-5 bg-op-60) backdrop-blur-12px"], |
||||
|
["bg-color-df", "bg-[#f2f2f2] dark:bg-dark-9"], |
||||
|
["bg-menu-color", "bg-[#f6f6f6] dark:bg-dark-8"], |
||||
|
["bg-color-second", "bg-light-5 dark:bg-dark"], |
||||
|
["bg-skeleton", "bg-gray-1 dark:bg-[#1f1f1f]"], |
||||
|
// dialog颜色
|
||||
|
["dialog-bg-color", "bg-white dark:bg-dark-9"], |
||||
|
// 文本颜色
|
||||
|
["text-color", "text-black dark:text-white"], |
||||
|
["text-default", "text-1em text-black dark:text-white"], |
||||
|
["text-mini", "text-dark-50 dark:text-[#979898] text-xs"], |
||||
|
["text-mini-50", "text-xs text-[#717171] dark:text-[#979898]"], |
||||
|
["text-color-primary", "text-[var(--el-color-primary)]"], |
||||
|
["text-color-info", "text-[var(--el-color-info)]"], |
||||
|
["text-color-success", "text-[var(--el-color-success)]"], |
||||
|
["text-small", "text-dark-50 dark:text-[#979898] text-sm"], |
||||
|
["text-small-50", "text-sm text-dark-50 dark:text-[#717171]"], |
||||
|
["text-small-color", "text-dark-50 dark:text-[#979898]"], |
||||
|
// 边框
|
||||
|
["border-default", "border-1px border-solid border-gray-200 dark:border-dark-300"], |
||||
|
["border-default-r", "border-solid border-gray-200 border-0 border-r-1px dark:border-dark-300"], |
||||
|
["border-default-l", "border-solid border-gray-200 border-0 border-l-1px dark:border-dark-300"], |
||||
|
["border-default-t", "border-solid border-gray-200 border-0 border-t-1px dark:border-dark-300"], |
||||
|
["border-default-b", "border-solid border-gray-200 border-0 border-b-1px dark:border-dark-300"], |
||||
|
["border-default-2", "border-1px border-solid border-[rgba(22,_22,_22,_0.1)] dark:border-[rgba(73,_73,_73,_0.2)]"], |
||||
|
["border-default-2-r", "border-r-(1px #7e7e7e0e solid) dark:border-dark-300 border-opacity-5"], |
||||
|
["border-default-2-l", "border-l-(1px #7e7e7e0e solid) dark:border-dark-300 border-opacity-5"], |
||||
|
["border-default-2-t", "border-t-(1px #7e7e7e0e solid) dark:border-dark-300 border-opacity-5"], |
||||
|
["border-default-2-b", "border-b-(1px #7e7e7e0e solid) dark:border-dark-300 border-opacity-5"], |
||||
|
["border-default-dashed", "hover:shadow-sm border-2px border-default border-dashed"], |
||||
|
["border-default-sm", "border-1px border-solid border-gray-200 dark:border-dark-500"], |
||||
|
["border-default-hover", "transition-200 border-1px border-solid border-[rgba(22,_22,_22,_0.1)] dark:border-[rgba(73,_73,_73,_0.2)] hover:(border-gray-200 dark:border-dark-100)"], |
||||
|
["border-default-2-hover", "transition-200 border-1px border-solid border-[rgba(20,_20,_20,_0.05)] dark:border-[rgba(76,_76,_76,_0.1)] hover:(border-gray-200 dark:border-dark-100)"], |
||||
|
["border-default-dashed", "border-2px border-default border-dashed"], |
||||
|
["border-default-dashed-hover", "transition-200 hover:border-solid hover:border-[var(--el-color-primary)] border-default-dashed"], |
||||
|
// 布局
|
||||
|
["flex-row-c-c", "flex flex-row flex-justify-center flex-items-center"], |
||||
|
["flex-row-bt-c", "flex flex-row flex-justify-between flex-items-center"], |
||||
|
["layout-default", "mx-a sm:px-2rem py-4 w-94vw md:w-1400px"], |
||||
|
["layout-default-md", "mx-a sm:px-2rem py-4 w-94vw md:w-1400px"], |
||||
|
["layout-default-xm", "mx-a sm:px-2rem py-4 w-94vw md:w-1200px"], |
||||
|
["layout-default-se", "mx-a sm:px-2rem py-4 w-94vw md:w-1000px"], |
||||
|
["absolute-center", "absolute left-1/2 -translate-x-1/2"], |
||||
|
["absolute-center-center", "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"], |
||||
|
["absolute-center-x", "absolute left-1/2 -translate-x-1/2"], |
||||
|
|
||||
|
// element风格按钮
|
||||
|
["btn-info", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-info)]"], |
||||
|
["btn-success", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-success)]"], |
||||
|
["btn-primary", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-primary)]"], |
||||
|
["btn-danger", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-danger)]"], |
||||
|
["btn-warning", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-warning)]"], |
||||
|
["btn-info-text", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-info)]"], |
||||
|
["btn-success-text", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-success)]"], |
||||
|
["btn-primary-text", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-primary)]"], |
||||
|
["btn-danger-text", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-danger)]"], |
||||
|
["btn-warning-text", "transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-warning)]"], |
||||
|
["btn-info-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-info)])"], |
||||
|
["btn-success-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-success)])"], |
||||
|
["btn-primary-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-primary)])"], |
||||
|
["btn-danger-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-danger)])"], |
||||
|
["btn-warning-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-warning)])"], |
||||
|
["group-btn-info", "transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-info)]"], |
||||
|
["group-btn-success", "transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-success)]"], |
||||
|
["group-btn-primary", "transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-primary)]"], |
||||
|
["group-btn-danger", "transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-danger)]"], |
||||
|
["group-btn-warning", "transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-warning)]"], |
||||
|
["btn-light-bg", "transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-light)])"], |
||||
|
], |
||||
|
rules: [ |
||||
|
// color: info success primary danger warning
|
||||
|
// 文字
|
||||
|
[/^el-color-(\w*)$/, ([_, color]) => ({ color: `var(--el-color-${color})` })], |
||||
|
[/^el-bg-(\w*)$/, ([_, color]) => ({ "background-color": `var(--el-color-${color})` })], |
||||
|
// 文字按钮
|
||||
|
// [/^btn-(\w*)$/, ([_, color]) => ({
|
||||
|
// "--at-apply": `transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-${color})]`,
|
||||
|
// })],
|
||||
|
// [/^btn-(\w*)-text$/, ([_, color]) => ({
|
||||
|
// "--at-apply": `transition-200 cursor-pointer rounded-4px hover:text-[var(--el-color-${color})]`,
|
||||
|
// })],
|
||||
|
// // 文字背景按钮
|
||||
|
// [/^btn-(\w*)-bg$/, ([_, color]) => ({
|
||||
|
// "--at-apply": `transition-200 cursor-pointer rounded-4px hover:(text-white bg-[var(--el-color-${color})]) `,
|
||||
|
// })],
|
||||
|
// // 文字按钮组
|
||||
|
// [/^group-btn-(\w*)$/, ([_, color]) => ({
|
||||
|
// "--at-apply": `transition-200 cursor-pointer rounded-4px group-hover:text-[var(--el-color-${color})]`,
|
||||
|
// })],
|
||||
|
], |
||||
|
theme: { |
||||
|
// ...
|
||||
|
colors: { |
||||
|
theme: { |
||||
|
primary: "var(--el-color-primary)", |
||||
|
danger: "var(--el-color-danger)", |
||||
|
error: "var(--el-color-error)", |
||||
|
warning: "var(--el-color-warning)", |
||||
|
info: "var(--el-color-info)", |
||||
|
success: "var(--el-color-success)", |
||||
|
}, // class="text-very-cool"
|
||||
|
tip: { |
||||
|
main: "var(--el-color-primary)", // class="--el-color-primary"
|
||||
|
green: "hsla(var(--hue, 217), 78%, 51%)", // class="bg-brand-primary"
|
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
presets: [ |
||||
|
presetUno(), |
||||
|
presetAttributify(), |
||||
|
presetTypography(), |
||||
|
presetWebFonts({}), |
||||
|
], |
||||
|
transformers: [ |
||||
|
transformerDirectives(), |
||||
|
transformerVariantGroup(), |
||||
|
], |
||||
|
}); |
Loading…
Reference in new issue