Wechat applet for the first time

His notes ： Youdao cloud notes (youdao.com)

Section 1 ：

I don't know what to say in the first half of the introduction

The second half talks about the advantages of wechat applet development

The second is ：

frame 、 Components 、API Development of cloud

AppID

I talked about the icons and function distribution of the software

The third is ：

app.json（ Holistic ）pages You can add the file name directly Make a new folder （4 Necessary documents ）

div --> view

• project.config.json  Project profile , Do some personalized configuration , For example, interface color 、 Compile configuration, etc
• app.json  Global configuration of the current applet , Including all the page paths of the applet 、 Interface performance 、 Network timeout 、 Bottom tab etc.
• sitemap  Configure whether the applet and its page can be indexed by wechat
• pages  It contains specific pages
• wxss  Page style ,app.wxss  As a global style , It will work on all pages of the current applet , Partial page styles  page.wxss  Only valid for the current page .
• app.js  The logic of the applet
• js  Page logic
• json  Configuration page
• wxml  Page structure

Many are directly put in the code

index.wxml

<view class="box" hover-class="box_hover">
<view class="item" hover-class="item_hover" hover-stop-propagation> Inside </view>
 This is the beginning ....</view>
<!-- hover-stop-propagation  Defined as true  Prevent foaming   That is, the child event affects the parent event  -->
<text> Text information </text>
<!-- text  Equate to  span  Don't wrap  
  selectable  Whether the text can be selected 
  space  Whether to display multiple spaces 
  decode  Whether it can be decoded   analysis  &lt; &nbsp;( Space ) -->
  <!--  Because the maximum limit is 2MB  Pictures to use http Pass on    Image online compression tool -->
<image src="../../images/ppt.png" mode="widthFix" show-menu-by-longpress></image>
<!-- aspectFit There will be up and down gaps  -->
<!-- <image src="/images/ppt.png"></image>   One  /  You can reach the root directory  -->
<!-- image  A single label must end with  /  End of expression    It's actually a box   Custom size  -->


<!--  Hyperlinks   URL  You can't introduce the Internet , Only between applets   Folder name / file name （ Generally the same ） -->
<navigator url="/pages/logs/logs" class="rizhi"> Access log </navigator>
<!-- tabBar Bottom navigation bar  open-type  Just got to know  -->

<!--  Scroll view  -->
<scroll-view scroll-left="150" scroll-x>
<view class="scrout" >
  <view class="scrbox">111</view>
  <view class="scrbox">222</view>
  <view class="scrbox">333</view>
  <view class="scrbox">444</view>
  <view class="scrbox">555</view>
</view>
</scroll-view>

index.wxss

.box{ width: 100px; height: 100px; background-color: red;}
.box_hover{background-color: royalblue;}
.item{ width: 50px; height: 50px; background-color: yellow;}
.item_hover{background-color: green;}
.rizhi{ width: 70px;}
.scrout{display: flex; flex-wrap: nowrap;}
.scrbox{width: 100px; height: 100px; background-color: pink; margin-right: 2px; flex: 0 0 100px;}
/*  He said  0 0  Did not understand  */