微信小程序UI设计（二）之view组件

view是个容器。

view的简单主要功能有按下的样式变化、以及按下、释放触发的时间设置。

.wxml
<view class='notouch' hover-class='touch' >touch</view>.wxss
.notouch{width: 200rpx;height: 200rpx;background-color: orange;}.touch{width: 400rpx;height: 400rpx;background-color:gray;text-align: center;line-height: 400rpx;}

效果：

微信小程序UI设计（二）之view组件相关推荐

网页+微信小程序UI设计及前端开发（第二周）
日期工作内容 2020年8月12日网页前端架构,素材查找,小程序前端架构 2020年8月13日网页.小程序页面完善,提交网页与小程序前端文件文章目录一.网页 (一)页头 (1)logo及导航 ...
微信小程序中多个button/view组件中进行切换时改变样式
在小程序项目中遇到一个问题:数据分成四五个小组,然后要进行小组切换,切换的同时把button的样式也要改变,以前Dom操作的时候特别简单, 现在在小程序中竟不知从何下手,后面参照了这边博文:http: ...
5个非常实用的小程序UI设计模板分享
在互联网飞速发展的时代,手机逐渐成为工作.学习和生活的必需品.小程序作为一种无需下载和安装即可使用的应用程序,因其快速.方便.强大的功能而受到用户的喜爱.小程序无处不在,随时可用,用完就走.随着需求市 ...
web界面左边菜单设计_微信小程序UI设计规范
第一部分:概述微信小程序,大家应该都不陌生,从2018年开始,小程序迅猛发展,小程序依托微信,凭借"触手可及用完即走"的用户体验备受青睐.现已为各大企业广泛采用.今天就给大家分享 ...
《微信小程序商城界面设计实战》--学习笔记作业
一.学习笔记 1.注释:wxml文档注释: css文档注释:/** **/ js文档注释:单行注释以"//"开头:多行注释以"/"开头,以"/&quo ...
微信小程序开发系列 (二) ：微信小程序的单步调试和控制器实现步骤概述
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本系列的前一篇文章:微信小 ...
仿微信个人主页——微信小程序页面设计
仿微信个人主页--微信小程序页面设计微信小程序页面设计:在这里仿微信个人主页做一个初步的还原,非高保真!! 上效果图: (这里设计的是未更新微信最新版8.0.0的页面) 微信原图: 先来说说我的思路 ...
黯然微信小程序杂记（二）：小程序最新版登录并进行缓存模块的实现附源码
黯然微信小程序杂记(二):小程序最新版登录进行缓存模块的实现附源码一.功能描述二.mine.wxml界面图片三.mine.wxml代码四.mine.wxss代码五.mine.js代码六. ...
微信小程序把玩（二十八）image组件
原文:微信小程序把玩(二十八)image组件 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源 ...
微信小程序条码、二维码生成模块
代码地址如下: http://www.demodashi.com/demo/13994.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...

微信小程序UI设计（二）之view组件

微信小程序UI设计（二）之view组件相关推荐

最新文章

热门文章