百度广告代理公司,重庆网站优化服务,jquery素材网站,百度收录提交申请网站小诺开源技术 文章目录小诺开源技术前言页面演示介绍文档学习建议登录地址下载地址前言
近期接触了小诺开源技术的一个前端框架#xff0c;底层是蚂蚁框架#xff0c;感觉很好用#xff0c;不过需要稍微学习并适应一下#xff0c;推荐给大家#xff0c;本篇仅用于学习底层是蚂蚁框架感觉很好用不过需要稍微学习并适应一下推荐给大家本篇仅用于学习如有侵权亲联系博主删除。
页面演示
登录 首页 该项目功能齐全并且包含了日常所需的echarts图使用起来很方便代码也更加的简洁。 代码展示
templatediv idZhuZhuangTu01/div
/templatescript setupimport { onMounted } from vueimport { Column } from antv/g2plotconst data [{type: 家具家电,sales: 38},{type: 粮油副食,sales: 52},{type: 生鲜水果,sales: 61},{type: 美容洗护,sales: 145},{type: 母婴用品,sales: 48},{type: 进口食品,sales: 38},{type: 食品饮料,sales: 38},{type: 家庭清洁,sales: 38}]onMounted(() {const columnPlot new Column(ZhuZhuangTu01, {data,xField: type,yField: sales,label: {// 可手动配置 label 数据标签位置position: middle, // top, bottom, middle,// 配置样式style: {fill: #FFFFFF,opacity: 0.6}},xAxis: {label: {autoHide: true,autoRotate: false}},meta: {type: {alias: 类别},sales: {alias: 销售额}}})columnPlot.render()})
/scriptstyle scoped/style
日常所需的一些基础框架很完善并且目前看来功能比较全面。
介绍文档
介绍文档地址https://xiaonuo.vip/doc?catalogueId1618450594726002690menuId1574684190755540994lineIndex1
学习建议
建议搭配VUE3的 Ant Design Vue来学习https://www.antdv.com/components/cascader-cn
登录地址
登陆演练地址https://snowy.xiaonuo.vip/login
下载地址
前端下载地址https://gitee.com/xiaonuobase/snowy
