海南网站建设及维护,医疗图片做网站图片,品牌策划公司怎么样,网站建设横幅系列素材文章目录 一、uView是什么#xff1f;1.uView 安装2.uView 在 uni-app 中的使用 一、uView是什么#xff1f;
提示#xff1a;正文内容#xff1a;
uView 官网#xff1a; https://www.uviewui.com uView 是 uni-app 生态专用的 UI 框架 关于uView的取名来由#xff0c… 文章目录 一、uView是什么1.uView 安装2.uView 在 uni-app 中的使用 一、uView是什么
提示正文内容
uView 官网 https://www.uviewui.com uView 是 uni-app 生态专用的 UI 框架 关于uView的取名来由首字母u来自于uni-app首字母uni-app是基于Vue.jsVue和View(延伸为UI、视图之意)同音同时view组件是uni-app中 最基础最重要的组件故取名uView表达源于uni-app和Vue之意同时在此也对它们表示感谢。 1.uView 安装 uView 官网提供了两种安装方式: Hbuilder X 方式、NPM 方式 Hbuilder X 方式: 使用 uni-app 搭建的项目NPM 方式: 使用 vue cli 搭建的项目根据项目框架选择相应的方式安装即可 uView 依赖 SCSS必须要安装此插件否则无法正常运行
2.uView 在 uni-app 中的使用
使用 HBuilderX 导入插件 配置步骤
引入 uView 主 JS 库
在项目根目录中的 main.js引入并使用 uView 的 JS 库这两行要放到import Vue from vue后 代码如下示例
data pd.read_csv(https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv)
print(data.head())引入 uView 的全局 SCSS 主题文件 在项目根目录中的 uni.scss引入全局SCSS主题文件
/* uni.scss */
import /uni_modules/uview-ui/theme.scss;引入 uView 基础样式 在项目根目录中的 App.vue注意要在首行位置引入并且给 style 标签添加 langscss 属性
style langscss/* 注意要写在第一行同时给style标签加入langscss属性 */import /uni_modules/uview-ui/index.scss;
/style
