cview-app-ui

版本 1.0.0

快速上手

1. main.js引入cView库

// main.js
import cView from 'cview-ui';
Vue.use(cView);

2. App.vue引入基础样式(注意style标签需声明scss属性支持)

/* App.vue */
<style lang="scss">
@import "cview-ui/index.scss";
</style>

3. uni.scss引入全局scss变量文件

/* uni.scss */
@import "cview-ui/theme.scss";

4. pages.json配置easycom规则(按需引入)

// pages.json
{
	"easycom": {
		// npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/"
		// npm安装方式
		"^cv-(.*)": "cview-ui/components/cv-$1/cv-$1.vue"
		// 下载安装方式
		// "^u-(.*)": "@/cview-ui/components/u-$1/u-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

5. config.js新建此文件

const config = {
	baseUrl:'http://192.168.0.128:7777',//请求的基本路径
}
module.exports = config

6. static中新建'cview-ui'文件夹,'cview-ui/libs/img'拷贝进入新建文件夹
7. router拷贝此文件
8. rules拷贝此文件

更新内容

4. 删除滑块
5. 折叠面板
6. 相册
8. 验证码倒计时

封装

1. tim
2. jpush
3. jsvideo
4. hightchart
5. echart
6. valideCode