[uniapp]uni-ui统一样式的使用

2024年9月24日 05:35 by wst

如果能像使用bootstrap一样在uni-app中使用各种样式，对后端出身的前端程序员来说是个解脱。那么怎么实现呢？

UNI-UI为我们实现理想给出了解决方案，步骤如下:

1 安装项目

见上一篇文章：vscode开发uniapp小程序的步骤；

2 配置src/uni.scss，在开头加上一行：

@import '@dcloudio/uni-ui/lib/uni-scss/variables.scss';

3 配置src/App.vue，样式部分如下：

<style lang="scss">
/*每个页面公共css */

@import '@dcloudio/uni-ui/lib/uni-scss/index.scss';
</style>

4 在页面中使用，A页面代码如下：

<template>
  <view class="uni-primary">test</view>
</template>

5 编译运行就能看到效果了。

记录生活，记录你，一个害怕忘记的小鲤鱼！