微信小程序七夕节礼物

作者 : 开心源码 本文共1600个字,预计阅读时间需要4分钟 发布时间: 2022-05-13 共174人阅读

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解压,如遇到无法解压的请联系管理员
开心源码网 » 微信小程序七夕节礼物

发表回复