scroll-view 微信小程序新手教程滚动视图 _睿知

微信小程序新手教程滚动视图(scroll-view)，本篇默认已经成功安装微信小程序工具，来和小编一起看看吧

文章插图
滚动视图(scroll-view)
【scroll-view 微信小程序新手教程滚动视图】scroll_view.js文件

Page({data:{// text:"这是一个页面"},onLoad:function(options){// 页面初始化 options为页面跳转所带来的参数},onReady:function(){// 页面渲染完成},onShow:function(){// 页面显示},onHide:function(){// 页面隐藏},onUnload:function(){// 页面关闭}})来自CODE的代码片snippet_file_0.txt
scroll_view.json文件

{"navigationBarTitleText":"scroll_view"}来自CODE的代码片snippet_file_0.txt
scroll_view.wxml文件

垂直滚动line1line2line3line4line5line6line7line8line9line10line11line12水平滚动1111111111111111111111111111111111111111111111111111111111来自CODE的代码片snippet_file_0.txt
scroll_view.wxss文件

.title{height: 30px;text-align: center;}.scroll_view_vertical{height: 50%;margin-bottom: 20px;background-color: ghostwhite;}.scroll_view_horizotal{height: 50px;background-color: whitesmoke;}.item{height: 50px;}目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图!大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧!
微信小程序嗨图功能

文章插图
1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。
2、分享墙——用户上传的自己DIY作品。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进，内容的增加。
想要体验怎么制作属于自己个性朋友圈照片的用户，等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦!还等什么，赶紧扫码体验，开启你的嗨图之旅吧!