抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

微信小程序介绍

   小程序小程序当然就是小程序,现在的生活很多软件就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时指的是纵向布局
如图:

flex-direction: row\n横向布局 flex-direction: column\n纵向布局

swiper

  这个视图容器就好比幻灯片,interval用来控制两个幻灯片交换的时长单位为毫秒(ms),previous-margin用来设置前边距

评论