xx
This commit is contained in:
parent
2274726a9b
commit
7a5f4725d9
@ -1,27 +1,29 @@
|
||||
<script lang="ts">
|
||||
<script lang="ts" setup>
|
||||
import type { PropType } from 'vue';
|
||||
import { defineComponent } from 'vue';
|
||||
import ColorPaletteComponent from './ColorPalette.vue';
|
||||
|
||||
export default defineComponent({
|
||||
name: 'ColorPalette',
|
||||
props: {
|
||||
const props = defineProps({
|
||||
palette: {
|
||||
type: Object as PropType<Record<string, any>>,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
defineComponent({
|
||||
name: 'ColorPalette',
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
v-for="(value, keyName) in palette" :key="keyName" class="flex flex-col"
|
||||
v-for="(value, keyName) in props.palette" :key="keyName" class="flex flex-col"
|
||||
>
|
||||
<h2 v-if="typeof value === 'object'">
|
||||
{{ keyName }}
|
||||
</h2>
|
||||
<div v-if="typeof value === 'object'" class="flex haha flex-1">
|
||||
<ColorPalette :palette="value" />
|
||||
<ColorPaletteComponent :palette="value" />
|
||||
</div>
|
||||
<div
|
||||
v-else
|
||||
|
||||
@ -39,6 +39,13 @@ async function submit(e: any) {
|
||||
}
|
||||
}, 1500);
|
||||
}
|
||||
|
||||
// fnc : 跳转到色卡页面
|
||||
function toColorCard() {
|
||||
router.push({
|
||||
name: 'ColorCard',
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -59,6 +66,10 @@ async function submit(e: any) {
|
||||
<button form-type="submit" class="submit-btn" hover-class="none">
|
||||
登录
|
||||
</button>
|
||||
|
||||
<button @click="toColorCard">
|
||||
色卡
|
||||
</button>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
1
src/types/import-components.d.ts
vendored
1
src/types/import-components.d.ts
vendored
@ -9,7 +9,6 @@ declare module 'vue' {
|
||||
export interface GlobalComponents {
|
||||
AppProvider: typeof import('./../components/AppProvider/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']
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
|
||||
|
||||
/**
|
||||
* unocss defineConfig
|
||||
* @link unocss: https://github.com/unocss/unocss
|
||||
* @link unocss-preset-weapp: https://github.com/MellowCo/unocss-preset-weapp
|
||||
*/
|
||||
* */
|
||||
|
||||
import { defineConfig, presetIcons } from 'unocss';
|
||||
import presetWeapp from 'unocss-preset-weapp';
|
||||
@ -20,7 +22,7 @@ const transformRules = {
|
||||
')': '-b111r-',
|
||||
'[': '-f111l-',
|
||||
']': '-f111r-',
|
||||
'$': '-r111-',
|
||||
$: '-r111-',
|
||||
',': '-r222-',
|
||||
};
|
||||
|
||||
@ -31,7 +33,7 @@ export default defineConfig({
|
||||
// https://github.com/MellowCo/unocss-preset-weapp
|
||||
presetWeapp({
|
||||
nonValuedAttribute: true,
|
||||
prefix,
|
||||
prefix: prefix,
|
||||
whRpx: true,
|
||||
transform: true,
|
||||
platform: 'uniapp',
|
||||
@ -54,14 +56,14 @@ export default defineConfig({
|
||||
'border-base': 'border border-gray-500_10',
|
||||
'z-tar-both': 'z-988',
|
||||
'head-fixed': 'fixed top-0 left-0 w-full z-tar-both',
|
||||
'center': 'flex justify-center items-center',
|
||||
center: 'flex justify-center items-center',
|
||||
},
|
||||
],
|
||||
theme: { extend: { opacity: { disabled: 'var(--opacity-disabled)' } }, colors: { primary: 'var(--colors-primary)', secondary: 'var(--colors-secondary)', accent: 'var(--colors-accent)', success: 'var(--colors-success)', warning: 'var(--colors-warning)', error: 'var(--colors-error)', disable: 'var(--colors-disable)', danger: 'var(--colors-danger)', mark: 'var(--colors-mark)', title: 'var(--colors-title)', subtitle: 'var(--colors-subtitle)', paragraph: 'var(--colors-paragraph)', fontColorblack: 'var(--colors-fontColorblack)', fontColorPrimary: 'var(--colors-fontColorPrimary)', fontColorInverse: 'var(--colors-fontColorInverse)', fontColorGrey: 'var(--colors-fontColorGrey)', fontColorPlaceholder: 'var(--colors-fontColorPlaceholder)', fontColorDisable: 'var(--colors-fontColorDisable)', fontColorBottomText: 'var(--colors-fontColorBottomText)', container: 'var(--colors-container)', page: 'var(--colors-page)', containerInverse: 'var(--colors-containerInverse)', containerHover: 'var(--colors-containerHover)', secondaryHover: 'var(--colors-secondaryHover)', containerMask: 'var(--colors-containerMask)', iconButton: 'var(--colors-iconButton)', borderColor: 'var(--colors-borderColor)' }, fontSize: { sm: 'var(--fontSize-sm)', base: 'var(--fontSize-base)', lg: 'var(--fontSize-lg)', title: 'var(--fontSize-title)', subtitle: 'var(--fontSize-subtitle)', paragraph: 'var(--fontSize-paragraph)' }, borderRadius: { sm: 'var(--borderRadius-sm)', base: 'var(--borderRadius-base)', lg: 'var(--borderRadius-lg)', circle: 'var(--borderRadius-circle)' }, spacing: { rowSm: 'var(--spacing-rowSm)', rowBase: 'var(--spacing-rowBase)', rowLg: 'var(--spacing-rowLg)', colSm: 'var(--spacing-colSm)', colBase: 'var(--spacing-colBase)', colLg: 'var(--spacing-colLg)' } },
|
||||
theme: {"extend":{"opacity":{"disabled":"var(--opacity-disabled)"}},"colors":{"primary":"var(--colors-primary)","secondary":"var(--colors-secondary)","accent":"var(--colors-accent)","success":"var(--colors-success)","warning":"var(--colors-warning)","error":"var(--colors-error)","disable":"var(--colors-disable)","danger":"var(--colors-danger)","mark":"var(--colors-mark)","title":"var(--colors-title)","subtitle":"var(--colors-subtitle)","paragraph":"var(--colors-paragraph)","fontColorblack":"var(--colors-fontColorblack)","fontColorPrimary":"var(--colors-fontColorPrimary)","fontColorInverse":"var(--colors-fontColorInverse)","fontColorGrey":"var(--colors-fontColorGrey)","fontColorPlaceholder":"var(--colors-fontColorPlaceholder)","fontColorDisable":"var(--colors-fontColorDisable)","fontColorBottomText":"var(--colors-fontColorBottomText)","container":"var(--colors-container)","page":"var(--colors-page)","containerInverse":"var(--colors-containerInverse)","containerHover":"var(--colors-containerHover)","secondaryHover":"var(--colors-secondaryHover)","containerMask":"var(--colors-containerMask)","iconButton":"var(--colors-iconButton)","borderColor":"var(--colors-borderColor)"},"fontSize":{"sm":"var(--fontSize-sm)","base":"var(--fontSize-base)","lg":"var(--fontSize-lg)","title":"var(--fontSize-title)","subtitle":"var(--fontSize-subtitle)","paragraph":"var(--fontSize-paragraph)"},"borderRadius":{"sm":"var(--borderRadius-sm)","base":"var(--borderRadius-base)","lg":"var(--borderRadius-lg)","circle":"var(--borderRadius-circle)"},"spacing":{"rowSm":"var(--spacing-rowSm)","rowBase":"var(--spacing-rowBase)","rowLg":"var(--spacing-rowLg)","colSm":"var(--spacing-colSm)","colBase":"var(--spacing-colBase)","colLg":"var(--spacing-colLg)"}},
|
||||
transformers: [
|
||||
transformerDirectives({
|
||||
applyVariable: ['--at-apply', '--uno-apply', '--uno'],
|
||||
enforce: 'pre',
|
||||
enforce: 'pre'
|
||||
}),
|
||||
transformerAttributify({
|
||||
classPrefix: prefix,
|
||||
@ -73,3 +75,4 @@ export default defineConfig({
|
||||
}),
|
||||
],
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user