微信小程序 - 背景图片
Page({ data: { width: 0, height: 0, src: '../../../dist/images/image-background.jpg' }, onLoad: function onLoad(options) { var _this = this; wx.getSystemInfo({ success: function success(res) { _this.setData({ width: res.windowWidth, height: res.windowHeight }); } }); }, login: function login() { wx.navigateTo({ url: '../login/login' }); }, register: function register() { wx.navigateTo({ url: '../register/register' }); } });
<view style="width: {{width}}px; height: {{height}}px; background-image: url({{src}})"> <view> <view style="text-align: center;padding-top:300rpx;color:white">生命,只是一场唯有一次的真实梦境。</view> <view style="text-align: center;padding-top:30rpx;color:white"> 新的阳光里,香樟哭了,</view> <view style="text-align: center;padding-top:30rpx;padding-bottom:100rpx;color:white">那些忧伤化作清晨的雾被蒸干了。 </view> </view> <view style="margin:20px;"> <button type="warn" bindtap="register">注册</button> </view> <view style="margin:20px"> <button type="primary" bindtap="login">登录</button> </view> </view>
效果如图:
相关推荐
微信小程序毕业设计-微信小程序-时间管理小程序源码.zip 95分以上课程设计,代码完整下载即用无需修改,确保可以运行。也可作为期末大作业和课程设计。 安装教程 导入到微信开发者工具 配置云开发环境 创建云...
网上花店微信小程序代码 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...
微信小程序-dribbble.zip是一个与微信小程序相关的压缩文件,它包含了一个或多个资源,这些资源可能与 dribbble 社区的设计元素有关。dribbble 是一个设计师社区,设计师们在这里分享他们的作品,互相交流和获取灵感...
房屋租赁管理系统微信小程序代码 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材...
在微信小程序开发中,创建吸引用户的交互体验是至关重要的,其中加载动画就是一种常见的提升用户体验的方式。本资源包“微信小程序-渐变发光加载动画.zip”聚焦于如何在微信小程序中实现这种动态效果,旨在帮助...
戏曲文化微信小程序代码 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...
马拉松报名系统微信小程序代码 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 ...
微信小程序是一种轻量级的应用开发框架,主要用于在微信内创建原生体验的迷你应用。本教程将通过一个具体的实例——“微信小程序-实现瀑布流布局demo”来探讨如何在微信小程序中实现瀑布流布局和无限下拉加载功能。 ...
微信小程序是一种轻量级的应用开发平台,专为微信用户设计,提供便捷地构建与发布原生体验的应用。在这个“微信小程序-仿腾讯视频小程序源码及项目截图”中,我们可以看到一个模仿腾讯视频小程序的完整项目,这为...
微信小程序是一种轻量级的应用开发平台,主要针对移动端,提供了丰富的API和框架,使得开发者能够快速构建具有原生体验的应用。在本主题中,我们关注的是一个特定的组件——“微信小程序-海报生成组件”,它专门用于...
微信小程序是一种轻量级的应用开发平台,主要针对移动端,尤其是智能手机用户。它是微信生态体系的一部分,允许开发者在微信内创建无需下载安装即可使用的应用。"014-微信小程序-weapp-360che-master.zip"这个压缩包...
驾校预约微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频素材 ...
微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要针对移动设备用户,特别是微信用户。它允许开发者在微信内部构建丰富的交互式应用,无需下载安装即可使用,极大提升了用户体验。"微信小程序-小米商城....
高校就业招聘微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...
实习生管理微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频素材 ...
实验室预约微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频素材 ...
2. **微信小程序开发环境**:微信小程序是腾讯推出的一种轻量级的应用开发平台,它有自己的开发工具和框架。开发者需要使用微信开发者工具进行代码编写、调试和预览。微信小程序支持WXML(微信小程序的标记语言)和...
小区服务微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频素材 ...
公考学习平台微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...
美食推荐系统微信小程序 | 小程序 | java | uniapp |springboot | 微信小程序 | 代码 1、技术栈:微信小程序,springboot,uniapp,vue,ajax,maven,mysql,MyBatisPlus 2、系统的实现 用户信息 图片素材 视频...