您可以在 app.vue 的 style 内复写 .grace-blue{color:#3688FF; font-size:50upx;} //改变了文字大小 这样不修改graceUI核心样式给未来版本更新打下基础; 我是小白我应该如何学习 1. 请学习 html 、css、JavaScript 基础(百度资料很多); 2. vue.js 相关 : 《vue.js 视频教程》 由DCloud官方邀请框架作者...
1//import provinceData from '../data/city-data/province.js';2//import cityData from '../data/city-data/city.js';3//import areaData from '../data/city-data/area.js';4import {5regionData6} from 'element-china-area-data'7console.log(regionData)8let provinceData =[]9let cityData ...
import graceSpeaker from "../../graceUI/components/graceSpeaker.vue"; export default { components:{ "grace-speaker" : graceSpeaker } } 复制代码 dom 结构 - 竖向 <grace-speaker iconClass="公告图标样式" iconColor="图标颜色" msgs="消息数组" interval="动画间隔"></grace-speaker> 复制代码 ...
GraceUI 6.0 必须基于 vue3 环境,请打开 manifest.json > 基础配置 > Vue 版本选择 > 选择 3.0 版本。 您还没有掌握 vue3 ? 没关系继续使用 vue2 的语法开发就好了 ~ 想学习 vue3 ? 资料推荐 : lesscode 文本教程 : https://www.lesscode.work/courses ...
即时通讯 ( 3 ) 二维码及条码 ( 3 ) ref获取功能介绍 给组件设置 ref 属性后我们可以通过 this.refs[属性] 来获取组件,然后基于 ref 完成更多操作。但在vue 诸多生命周期内直接使用是不行的,因为生命周期执行时组件尚未创建完毕。graceJS 为您提供了 getRefs() 函数可以保证在任何生命周期内成功获取 ref。
01. nvue 下默认竖向排列,vue 下默认横向排列,解决方案 声明主轴方式, gui-rows ( 横向 ) 或者 gui-columns ( 竖向 ); 02. nvue 不支持 flex-shark,所以在弹性布局时,动态宽度的元素使用 gui-flex1 来使目标元素放大,其余元素保持不变; 演示代码 ...
即时通讯 ( 3 ) 画布绘图 ( 3 ) 布局介绍 01. vue 模式下瀑布流数据的分配方式是左右均分; 02. nvue 模式下使用 waterfall 组件实现瀑布流布局; 兼容平台 H5APP小程序NVUE ✔✔✔✔ 布局代码 UNI 普通版本 NVUE 版本 并购买 GraceUI 后可以查阅完整手册内容 。
即时通讯 ( 3 ) 二维码及条码 ( 3 ) 竖向拖拽排序竖向拖动排序介绍 01. 封装为组件在使用时反而不灵活,所以使用页面布局实现;02. 利用手指事件完成拖拽及拖拽完成后的数据排序功能;03. 因 weex 底层原因暂不支持,请使用 vue 页面完成此功能; 核心事件 01. onLoad : 模拟 api 请求,并补全数据属性02. ...
画布绘图 ( 3 ) 组件介绍 GraceUI 头部消息框组件可以用于操作过程提示,您可以通过插槽实现各种自定义形式的消息框; 组件名称 gui-top-message : GraceUI 组件目录/gui-top-message.vue 兼容平台 H5APP小程序NVUE ✔✔✔✔ 组件属性 属性名称类型默认值作用 ...
1. 打开https://www.iconfont.cn/阿里巴巴图标库官网; 2. 搜索图标 3. 选择并添加好图标后点击购物车按钮,将所选图标添加到一个项目内: 4. 点击项目内的生成代码按钮,生成代码及字体路径: 5. 在 uni-app 或者小程序内使用字体路径方式导入并使用图标: ...