VSCode
Node.js
HbuilderX

Installation of front-end development environment

npm install -g cnpm
--registry=https://registry.npm.taobao.org

cnpm install -g less

HBuilderX is the best front-end development tool in China. We use it to develop Electron project and small program project.

{
  "pages": [
    "pages/index/index"
  ],
  "requiredBackgroundModes": [
    "audio",
    "location"
  ],
  "subPackages": [],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "I like you!",
    "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">Sister, be my girlfriend!</text><view class="operate"><button class="btn" type="primary" data-event-opts="{{[['tap',[['agree',['$event']]]]]}}" bindtap="__e">Okay</button><button class="btn" type="warn" data-event-opts="{{[['tap',[['disagree',['$event']]]]]}}" bindtap="__e">Not good.</button></view><block wx:for="{{love}}" wx:for-item="one" wx:for-index="__i0__" wx:key="*this"><view class="message">{{one}}</view></block></view>

If the content of this number is not in place (such as copyright or other issues), please contact us in time to rectify it, and it will be dealt with at the first time.

Please praise! Because your approval / encouragement is my greatest motivation to write!

Welcome to your attention. Da Shu Xiao Sheng The short book!

This is a quality, attitude blog