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

Compare commits

base: uniccoo:de90300e5125cfcd70f41309e838ebe04662b1e0
Branches Tags
uniccoo:master
..
compare: uniccoo:e4a3a6c2a3a8cad00d625270b8ee26a92431234f
Branches Tags
uniccoo:master

No commits in common. "de90300e5125cfcd70f41309e838ebe04662b1e0" and "e4a3a6c2a3a8cad00d625270b8ee26a92431234f" have entirely different histories.
de90300e51 ... e4a3a6c2a3

5 changed files with 10 additions and 14 deletions
Show Stats Expand all files Collapse all files

1
build/vitePlugins.ts
View File

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

1
package.json
View File

@ -77,7 +77,6 @@
"@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]">
<h2>click it to change theme</h2> <span>click it to change theme</span>
<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 }" />
<h4>{{ k }}</h4> <span>{{ k }}</span>
</div> </div>
</div> </div>
<h4>now : {{ theme }}</h4> <span>now : {{ theme }}</span>
</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-36rpx text-lg font-medium"> <view class="flex flex-col items-center justify-center pt-36 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">
<SvgIcon icon="i-mdi-account-box" size="48" class="text-blue" /> <svg-icon local-icon="activity" class="text-amber text-30 w-30 h-30" />
<SvgIcon icon="i-mdi-account-box" size="32" class="text-green-400" /> <svg-icon icon="i-mdi-account-box" size="48" class="text-blue" />
<SvgIcon icon="i-mdi-account-box" class="text-red-400" /> <svg-icon icon="i-mdi-account-box" size="32" class="text-green-400" />
<SvgIcon icon="i-svg-spinners-12-dots-scale-rotate" /> <svg-icon icon="i-mdi-account-box" class="text-red-400" />
<svg-icon icon="i-svg-spinners-12-dots-scale-rotate" />
</view> </view>
</view> </view>
</template> </template>

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

@ -72,10 +72,6 @@ function toColorCard() {
</button> </button>
</form> </form>
</view> </view>
<button @click="toColorCard">
色卡
</button>
</view> </view>
</template> </template>