Skip to content

Latest commit

 

History

History
124 lines (94 loc) · 3.93 KB

README.md

File metadata and controls

124 lines (94 loc) · 3.93 KB
Raw
  • 本项目已经提交QQ小程序进行审核，起名 【我叫白纸】(如果发布第一时间通知并更新)
  • 后续将支持微信小程序，暂时未发布。
  • 本项目已放在uniapp项目模板插件市场，欢迎下载使用；
  • github文件不全可以去uniapp下载使用;
  • Web浏览器访问地址：彩测

说明

本项目是基于uView的UI框架开发的项目，并在此基础上做了部分修改，要引用请看最后相关说明，如果使用原框架请移步管网或者uniapp插件市场进行下载和使用

uView UI，是uni-app生态优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

[本项目在原来的组件基础上做了部分修改，如果想使用原组件请移步管网，点击上方链接]

uView

多平台快速开发的UI框架

## 特性
  • 兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序
  • 60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用
  • 众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨
  • 众多的常用页面和布局，让您专注逻辑，事半功倍
  • 详尽的文档支持，现代化的演示效果
  • 按需引入，精简打包体积

安装

# npm方式安装
npm i uview-ui

快速上手

  1. main.js引入uView库
// main.js
import uView from 'uview-ui';
Vue.use(uView);
  1. App.vue引入基础样式(注意style标签需声明scss属性支持)
/* App.vue */
<style lang="scss">
@import "uview-ui/index.scss";
</style>
  1. uni.scss引入全局scss变量文件
/* uni.scss */
@import "uview-ui/theme.scss";
  1. pages.json配置easycom规则(按需引入)
// pages.json
{
	"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

请通过快速上手了解更详细的内容

使用方法

配置easycom规则后，自动按需引入，无需import组件，直接引用即可。

<template>
	<u-button>按钮</u-button>
</template>

请通过快速上手了解更详细的内容

链接

版权信息

uView遵循MIT开源协议，意味着您无需支付任何费用，也无需授权，即可将uView应用到您的产品中。

优化：

1.增加分享到朋友圈

libs/mixin/wxShareTimeline this.$u.wxShareTimeline

// main.js引入uView对小程序分享到朋友圈的mixin封装 let wxShareTimeline = require('uview-ui/libs/mixin/wxShareTimeline.js'); Vue.mixin(wxShareTimeline)

2.swipe-action组件

  • 获取元素的宽度: this.right - this.left
  • 由于left为负，导致宽度多加了两个left，结果使得width计算错误，页面样式错乱； 引入组件u-swiper-action内部做了修改和调整

3.u-avatar组件

修改u-avatar组件的图片error地址：

申明：[项目启动可能报错]文件缺失

App.vue, pages/personal-center/home.vue, common/libs/constant.js, common/libs/loadAMap.js, common/libs/loadBMap.js, pages/lottery-forecast/home.vue 五个文件涉及个人隐私，请各位随便下载别的项目文件进行替换 对于项目中应用的js可以进行注释，把逻辑暂时屏蔽进行预览 给您带来的不便敬请谅解！🌹