微信小程序介绍
小程序小程序当然就是小程序,现在的生活很多软件就TM用一次两次就用不上烂在手机里占用手机的内存,据统计一个人的手机里70%的软件是很少用的,只有30%的软件是经常使用的,所以就有人开发出微信小程序
小程序的目录
一般来说,一个页面一个文件夹四个文件
这四个文件缺一不可,到后面我们可以通过超链接实现各个页面的转换
wxss和css是一个意思,只不过是微信小程序的一个变动
基础布局容器
小程序的许多使用方法还是和vue前端语法一样的
view
hover
这个代码的用途是像按钮一样,按下去可以改变你想改变的
\<view class="box" hover-class="boxHover"\>
wdnmd
<view class="item" hover-class="boxHover"></view>
wdnmd
</view>
把这串代码放在.wxml文件中,然后在.wxss也进行修改对“item”和“box”这两种块进行一个定义
.box{ width: 100px; height: 100px;background-color: blue;}
.box:hover{ background-color: cornsilk;}
.item{ width: 30px; height: 50px;background-color: rgb(209, 209, 209);}
.item:hover{ background-color: green;}
然后他的效果就是单击修改背景颜色
flex-direction
当其后面的字符为row时指的是横向布局
当其后面的字符为column时指的是纵向布局
如图:
swiper
这个视图容器就好比幻灯片,interval用来控制两个幻灯片交换的时长单位为毫秒(ms),previous-margin用来设置前边距