更新记录

彩测1.0.1(2020-10-16) 下载此版本

彩测 提供 lottery预测、lottery信息展示、网站还有小程序相关介绍


平台兼容性

  • 本项目已经提交QQ小程序进行审核,起名 【彩测】(如果发布第一时间通知并更新)
    • 提供lottery信息展示、lottery多种预测功能等
    • 后续将支持微信小程序,暂时未发布。
    • 本项目已放在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);
  2. App.vue引入基础样式(注意style标签需声明scss属性支持)

    /* App.vue */
    <style lang="scss">
    @import "uview-ui/index.scss";
    </style>
  3. uni.scss引入全局scss变量文件

    /* uni.scss */
    @import "uview-ui/theme.scss";
  4. 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可以进行注释,把逻辑暂时屏蔽进行预览 给您带来的不便敬请谅解!🌹

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问