微信小程序七夕节礼物
VSCode
Node.js
HbuilderX
安装前台开发环境
image.png
npm install -g cnpm--registry=https://registry.npm.taobao.org
cnpm install -g less
image.png
HBuilderX是国内最优秀的前台开发工具,我们用它来开发Electron项目和小程序项目
image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png
{ "pages": [ "pages/index/index" ], "requiredBackgroundModes": [ "audio", "location" ], "subPackages": [], "window": { "navigationBarTextStyle": "black", "navigationBarTitleText": "我喜欢你", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" }, "usingComponents": {}}
@import './common/main.wxss';
require('./common/runtime.js')require('./common/vendor.js')require('./common/main.js')
.content { padding: 0 40rpx;}.content image { width: 100%;}.content .title { display: block; text-align: center; font-size: 50rpx; font-weight: bold;}.content .operate { text-align: center; margin-top: 30rpx; margin-bottom: 30rpx;}.content .operate .btn { width: 200rpx; height: 80rpx; display: inline-block;}.content .operate .btn:first-of-type { margin-right: 40rpx;}.content .message { font-size: 34rpx; margin: 15rpx 0; color: #333;}
<view class="content"><image src="../../static/g1.gif" mode="widthFix"></image><text class="title">小姐姐,做我女朋友吧!</text><view class="operate"><button class="btn" type="primary" data-event-opts="{{[['tap',[['agree',['$event']]]]]}}" bindtap="__e">好呀</button><button class="btn" type="warn" data-event-opts="{{[['tap',[['disagree',['$event']]]]]}}" bindtap="__e">不好</button></view><block wx:for="{{love}}" wx:for-item="one" wx:for-index="__i0__" wx:key="*this"><view class="message">{{one}}</view></block></view>
若本号内容有做得不到位的地方(比方:涉及版权或者其余问题),请及时联络我们进行整改就可,会在第一时间进行解决。
请点赞!由于你们的赞同/鼓励是我写作的最大动力!
欢迎关注达叔小生的简书!
这是一个有质量,有态度的博客
博客 上一篇 目录 已是最后
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 微信小程序七夕节礼物
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 微信小程序七夕节礼物