内置样式

说明

miliqk插件功能的实现，并不依赖全局样式，内置的一些类名，只是提供一些基础且常用的样式，仅此而已。
注意：请根据配置中的说明，引入miliqk提供的scss文件。

温馨提示

由于miliqk的内置样式均是写在scss文件中的，几乎所有的自定义的class都是以miliqk 为前缀，您在使用的时候，请确保要给页面的style标签加上lang="scss"属性，否则可能会报错。

# 一个简单的控制文本大小的例子，可以免去手写样式的麻烦。
<view class="miliqk-fz14">miliqk-app</view>

图标库

miliqk 包括两个图标库：iconfont 和自定义图标库。它们已经集成在 uni_modules/miliqk-app/css/index.scss 文件中。如果按照前述配置示例操作，已在 App.vue 中完成引入。

icons图标:

• uni_modules/miliqk-app/css/global/icons/iconfont.scss
• uni_modules/miliqk-app/css/global/icons/micons.scss

主题色

miliqk提供了一个主题的scss颜色变量，如有需要，可合理使用。

• $miliqk-primary: #feda33; //主色(一般用于背景色、主题色)
• $miliqk-primary-dark: #dbb733; //暗主色(一般用于背景色、主题色)
• $miliqk-primary-disabled: #fad43b;
• $miliqk-primary-light: #faefbf; //亮主色(一般用于背景色)
• $miliqk-primary-deep: #fca000; //主色文本
• $miliqk-primary-inverse: #000000; //主色搭配的反色 (用于文本居多)

还提供了 文本颜色、常规色的配置 具体的请详见源代码

<style lang="scss" scoped>
	.item {
		color: $miliqk-primary;
	}
</style>

uv-ui内置样式

参考官网：uv-ui内置样式