Loading...
wxss模板样式01 什么是wxsswxss是一套样式语言,用于美化wxml的组件样式,类似于网页开发的css1.1wxss和css的关系wxss具有css大部分特性,同时wxss还对css进行了扩充和修改,以适应微信小程序的开发。wxss扩展有:rpx尺寸单位@import样式导入1.1.1 什么是rpxrpx是微信小程序独有的,用来解决屏幕适配的尺寸单位实现原理:rpx把所有设备的屏幕,...
wxml模板语法01 数据绑定mustache语法,双大括号绑定数据,类似于view中的插值应用场景:绑定内容绑定属性运算(三元运算、算数运算)<!-- 绑定内容 --> <view>{{info}}</view> <!-- 绑定属性 --> <image src="{{imgSrc}}" mode="wi...
组件介绍01 小程序中组件的分类视图容器基础内容表单组件导航组件媒体组件map地图组件canvas画布组件开放能力无障碍访问1.1 视图容器view普通视图区域类似于html中的div,是一个块级元素常用来实现页面的布局效果scroll-view可滚动的视图区域常用来实现滚动列表效果swiper和swiper-item轮播图容器组件和轮播图item组件1.1.1 view<!--! w...
微信小程序基础01 项目结构其中最重要的三个文件:pages app.json app.js推荐小程序的所有页面都存放在pages目录中,以单独的文件夹形式存在1.1 json配置文件的作用通过不同的json文件,可以对小程序项目进行不同级别的配置。小程序中有4中配置文件:app.jsonproject.config.jsonsitemap.json每个pages文件夹下的.json1.1...
svg+echarts实现自定义厂区平面图一、最终效果二、设计思路身为后端开发,对前端的理解致涉及基础的html+css+js这老三样,等上手做项目的时候发现还是掌握不够。思路来源于这篇文章,通过svg矢量图来实现自定义地图。最初也只是打算通过上述的方式来实现,但echarts又有很强的图表功能,不忍放弃。遂又从网上发现了另一个开源项目,该项目通过将svg转为geojson数据,通过echa...