婚纱摄影类小程序如何设计与制作

设计

真机视觉效果图

概念稿

总览

制作实现

轮播图

这里使用了视图容器的swiper组件，滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。

<view class="container"><view class="page-body"><view class="page-section page-section-spacing swiper"><swiper indicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"><block wx:for="{{background}}" wx:key="*this"><swiper-item><view class="swiper-item {{item}}"></view></swiper-item></block></swiper></view>
</view>

Page({onShareAppMessage() {return {title: 'swiper',path: 'page/component/pages/swiper/swiper'}},data: {background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],indicatorDots: true,vertical: false,autoplay: false,interval: 2000,duration: 500},
})

图片展示

image组件，图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式，2.3.0 起支持云文件ID。

视频

video组件，视频（v2.4.0 起支持同层渲染）。相关api：wx.createVideoContext

定位导航

map组件，地图（v2.7.0 起支持同层渲染，相关api wx.createMapContext。

在线客服

contact，打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息。

婚纱摄影类小程序如何设计与制作相关推荐

10组小程序界面设计案例分享
10组小程序界面设计分享而对于设计师来说,小程序的设计也相对 APP 简单和直接,在这里分享给大家一些小程序界面设计案例,包含多种类别:出游旅行类.电商购物类.电商家居类.生活社区类.快递物流类.智 ...
婚礼类小程序前端界面模板源码
模板介绍一款通用的婚礼策划,婚纱摄影类小程序前端模板.支持在线预约,婚纱定制等手机微信小程序模板. 图片演示小程序源码下载地址:婚礼类小程序前端界面模板源码-小程序文档类资源-CSDN文库http ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:focus 伪类
小程序中的WXSS(css)选择器课程-伪类-:focus 伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/hua ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)
小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持) 微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/to ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:nth-child() 伪类
小程序中的WXSS(css)选择器课程-伪类-:nth-child() 伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/top ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:nth-last-child伪类
小程序中的WXSS(css)选择器课程-伪类-:nth-last-child伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/t ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:first-child 伪类
小程序中的WXSS(css)选择器课程-伪类-:first-child 伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/top ...
微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:last-child 伪类
小程序中的WXSS(css)选择器课程-伪类-:last-child 伪类微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topi ...
网球爱好者小程序的设计与实现
摘要随着经济的发展和人们生活水平的提高,网球运动在欧洲各国已经开展得如火如荼.在我国也是方兴未艾,发展势头十分迅速,据不完全统计,目前全国经常打球的网球人口有60万人左右,网球爱好者也有400万 ...

婚纱摄影类小程序如何设计与制作

婚纱摄影类小程序如何设计与制作

设计

制作实现

轮播图

图片展示

视频

定位导航

在线客服

婚纱摄影类小程序如何设计与制作相关推荐

最新文章

热门文章