uniccoo/uniViteTemplate
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合并

Browse Source
This commit is contained in:
KuroSago@outlook.com 2024-09-19 20:30:35 +08:00
parent 2274726a9b
commit cd055313cb
6 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
build/vitePlugins.ts
View File

@ -19,7 +19,6 @@ export function createVitePlugins({ isProd }: VitePluginConfig): PluginOption[]
appProvider(), appProvider(),
buildThemeConfig(), buildThemeConfig(),
createComponents(), createComponents(),
Unocss(), Unocss(),
autoImport({ autoImport({
include: [ include: [

1
package.json
View File

@ -77,6 +77,7 @@
"@dcloudio/uni-cli-shared": "3.0.0-alpha-4020620240822002", "@dcloudio/uni-cli-shared": "3.0.0-alpha-4020620240822002",
"@dcloudio/uni-stacktracey": "3.0.0-alpha-4020620240822002", "@dcloudio/uni-stacktracey": "3.0.0-alpha-4020620240822002",
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-4020620240822002", "@dcloudio/vite-plugin-uni": "3.0.0-alpha-4020620240822002",
"@iconify/json": "^2.2.245",
"@types/crypto-js": "^4.2.2", "@types/crypto-js": "^4.2.2",
"@types/lodash-es": "^4.17.12", "@types/lodash-es": "^4.17.12",
"@types/node": "^20.16.1", "@types/node": "^20.16.1",

6
src/pages/colorCard/index.vue
View File

@ -16,16 +16,16 @@ const themeColor = computed(() => {
<template> <template>
<view class="bg-primary flex-1"> <view class="bg-primary flex-1">
<div class="py-[32rpx] b flex flex-col b-[#123]"> <div class="py-[32rpx] b flex flex-col b-[#123]">
<span>click it to change theme</span> <h2>click it to change theme</h2>
<div class="grid grid-cols-4 gap-4"> <div class="grid grid-cols-4 gap-4">
<div v-for="(v, k) in ThemeAssemble" :key="k" class="flex flex-col justify-center items-center" @click="theme = k"> <div v-for="(v, k) in ThemeAssemble" :key="k" class="flex flex-col justify-center items-center" @click="theme = k">
<div class="w-[100rpx] h-[100rpx] bg-[#123] rounded-[8rpx]" :style="{ backgroundColor: v.primary }" /> <div class="w-[100rpx] h-[100rpx] bg-[#123] rounded-[8rpx]" :style="{ backgroundColor: v.primary }" />
<span>{{ k }}</span> <h4>{{ k }}</h4>
</div> </div>
</div> </div>
<span>now : {{ theme }}</span> <h4>now : {{ theme }}</h4>
</div> </div>
<!-- 递归渲染色卡 --> <!-- 递归渲染色卡 -->

12
src/pages/demo/index.vue
View File

@ -1,17 +1,17 @@
<script lang="ts" setup> <script lang="ts" setup>
import SvgIcon from '@/components/SvgIcon/index.vue';
</script> </script>
<template> <template>
<view class="flex flex-col items-center justify-center pt-36 text-lg font-medium"> <view class="flex flex-col items-center justify-center pt-36rpx text-lg font-medium">
<view class="mt-30px"> <view class="mt-30px">
SvgIcon 组件 SvgIcon 组件
</view> </view>
<view class="mt-30rpx center flex flex-row gap-10px"> <view class="mt-30rpx center flex flex-row gap-10px">
<svg-icon local-icon="activity" class="text-amber text-30 w-30 h-30" /> <SvgIcon icon="i-mdi-account-box" size="48" class="text-blue" />
<svg-icon icon="i-mdi-account-box" size="48" class="text-blue" /> <SvgIcon icon="i-mdi-account-box" size="32" class="text-green-400" />
<svg-icon icon="i-mdi-account-box" size="32" class="text-green-400" /> <SvgIcon icon="i-mdi-account-box" class="text-red-400" />
<svg-icon icon="i-mdi-account-box" class="text-red-400" /> <SvgIcon icon="i-svg-spinners-12-dots-scale-rotate" />
<svg-icon icon="i-svg-spinners-12-dots-scale-rotate" />
</view> </view>
</view> </view>
</template> </template>

11
src/pages/login/index.vue
View File

@ -39,6 +39,13 @@ async function submit(e: any) {
} }
}, 1500); }, 1500);
} }
// fnc : 跳转到色卡页面
function toColorCard() {
router.push({
name: 'ColorCard',
});
}
</script> </script>
<template> <template>
@ -61,6 +68,10 @@ async function submit(e: any) {
</button> </button>
</form> </form>
</view> </view>
<button @click="toColorCard">
色卡
</button>
</view> </view>
</template> </template>

1
src/types/import-components.d.ts vendored
View File

@ -9,7 +9,6 @@ declare module 'vue' {
export interface GlobalComponents { export interface GlobalComponents {
AppProvider: typeof import('./../components/AppProvider/index.vue')['default'] AppProvider: typeof import('./../components/AppProvider/index.vue')['default']
BasicButton: typeof import('./../components/BasicButton/index.vue')['default'] BasicButton: typeof import('./../components/BasicButton/index.vue')['default']
'svg-icon': typeof import('./../components/SvgIcon/index.vue')['default']
SvgIcon: typeof import('./../components/SvgIcon/index.vue')['default'] SvgIcon: typeof import('./../components/SvgIcon/index.vue')['default']
} }
} }