微信小程序展览界面设计

效果图及结构

效果图

结构

完整源码

exhibit.wxml

<!--pages/exhibit/exhibit.wxml-->
<view class="exhibit_view1"><image class="exhibit_image1" src="/pages/exhibit/images/南京.png" mode="widthFix" bindtap="exhibit_bindtap_image1"></image>
</view><view class="exhibit_view2"><image class="exhibit_image2" src="/pages/exhibit/images/北京.png" mode="widthFix" bindtap="exhibit_bindtap_image2"></image>
</view>

exhibit.wxss

/* 南京展览中心 */
.exhibit_view1 {width: 100%;display: flex;justify-content: center;
}.exhibit_image1 {margin-top: 10px;width: 90%;border-radius: 5px;}
/* 北京国际会议中心 */
.exhibit_view2 {width: 100%;display: flex;justify-content: center;
}.exhibit_image2 {margin-top: 10px;width: 90%;border-radius: 5px;}

exhibit.js

// pages/film/film.js
Page({data: {},exhibit_bindtap_image1:function() {wx.navigateTo({url: '/pages/exhibit/nanjing/nanjing',})},exhibit_bindtap_image2:function() {wx.navigateTo({url: '/pages/exhibit/beijing/beijing',})}
})

exhibit.json

{"usingComponents": {}
}

微信小程序展览界面设计相关推荐

视频教程-微信小程序商城-界面设计实战教学(含源代码)-微信开发
微信小程序商城-界面设计实战教学(含源代码) 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥90.00 ...
微信小程序的展览会设计与实现
目录摘要 Ⅰ 1微信小程序的研究及意义 1 1.1研究背景 1 1.2目的及意义 1 2微信小程序的特点 2 2.1 轻应用 2 2.2释放手机内存 2 2.3引流才能强 2 2.4推行疾速 3 ...
基于微信小程序的菜谱设计毕业论文
微信小程序的菜谱设计毕业论文随着"互联网+"的大潮兴起,平台型应用再受热捧.其中,微信小程序凭借其强大的用户基础及其应用时的便捷而深受欢迎.在此基础上,以小程序为载体的社群电商, ...
微信小程序消息模板设计及实现
本文以微信小程序内置的两个模板:购买成功和评论回复提醒为例来阐述第三方微信小程序平台的设计. 小程序端微信用户支付成功后,微信服务通知中会收到支付成功服务提醒.见下图: 商家端用户完成评价后,商家 ...
微信小程序开发登录界面mysql_微信小程序欢迎界面开发的实例详解
微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面,下面将演示如何通过微信小程序实现一个欢迎界面. 下面将会按照以下的顺序介绍: 布局的实现逻辑的实现样式的实现 1.布局的实现整个布局 ...
微信小程序初始界面设置密码
如何在微信小程序初始界面输入密码,看到网上给出了很多方法,较为常见的是如何输入一个六位密码.这里介绍一种觉得比较可行的方法,具体实现如下: 最终效果: 代码实现: wxml: <input cl ...
php欢迎界面代码,分享微信小程序欢迎界面开发的实例代码
这篇文章主要分享微信小程序欢迎界面开发的实例代码的相关资料,这里实现欢迎界面的简单实例和实现代码及实现效果图,需要的朋友可以参考下微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面,下面将 ...
微信小程序：字体设计符号组合多功能微信小程序源码
这是一款主打字体设计,符号组合等多模板功能的一款微信小程序源码内含多种功能,比如: 花式字体设计表情字体组合设计翅膀字体组合火星文一键生成符号库空白名称彩色网名等等还有很多,所以小编就 ...
微信小程序之界面交互API07
微信小程序之界面交互API07 关于界面交互,在官方文档上提供了API来 wx.showToast(Object object) 土司(只有提示,会在延迟时间过后消失)! 显示消息提示框参数 Obj ...

微信小程序展览界面设计

效果图及结构

效果图

结构

完整源码

exhibit.wxml

exhibit.wxss

exhibit.js

exhibit.json

微信小程序展览界面设计相关推荐

最新文章

热门文章