asp网站转wap网站,展馆装修施工,最新新闻资讯,在线app开发网站建设一 .创建项目 创建项目可以通过工具创建#xff0c;也可以通过脚手架下载 1.通过工具创建 2.通过脚手架下载 安装脚手架 npm install -g vue/cli 下载项目模板 vue create -p dcloudio/uni-preset-vue 项目名称 二. 下载相关依赖 1. 项目默认是没有package.json文件的也可以通过脚手架下载 1.通过工具创建 2.通过脚手架下载 安装脚手架 npm install -g vue/cli 下载项目模板 vue create -p dcloudio/uni-preset-vue 项目名称 二. 下载相关依赖 1. 项目默认是没有package.json文件的可以通过运行npm init -y来创建 npm init -y 2. 安装uniapp的 ui库 npm i uview-ui2.0.37 在main.js文件中将uview-ui导入 import uView from uview-ui;Vue.use(uView); 在uni.scss文件中导入uview的主题文件 import uview-ui/theme.scss; 在app.vue引入uview基础样式在第一行并且要加上langscss style langscss
import uview-ui/index.scss;/*每个页面公共css */
/style 在page.json中配置easycom动态引入uview组件 easycom: {u-(.*): uview-ui/components/u-$1/u-$1.vue}, {easycom: {u-(.*): uview-ui/components/u-$1/u-$1.vue},pages: [ //pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages{path: pages/index/index,style: {navigationBarTitleText: uni-app}}],globalStyle: {navigationBarTextStyle: black,navigationBarTitleText: uni-app,navigationBarBackgroundColor: #F8F8F8,backgroundColor: #F8F8F8},uniIdRouter: {}
}测试 导入一个组件看看能否自动导入 uview官网 在index.vue中添加以下代码 u--text typeprimary text主色/u--textu--text typeerror text错误/u--textu--text typesuccess text成功/u--textu--text typewarning text警告/u--textu--text typeinfo text信息/u--text
