<> File type of applet

.wxml ( structure , be similar to html)
Tag name : from HTML(< div>,< p>,< span>…)------- Design of wechat applet WXML ()
wx:if ,wx:for,{{}}
<view id="overlay-bottom"> <image id="experience" class="primary-button" src="
/images/experience@2x.png" bind:tap="experience"></image> <image id="scan" class
="primary-button" src="/images/scan@2x.png" bind:tap="scan"></image> <view id="
download" class="primary-button" bind:tap="download"> Save identification map </view> <view id="
email" class="secondary-button">support@sightp.com</view> </view>
.wxss ( performance , be similar to css)
1. have CSS Most properties of
2. New dimension unit
3. Global and local styles
#select { position: absolute; bottom: 210rpx; right: 0; z-index: 20; }
.selected { color: black; background: linear-gradient(90deg, #ABABAB 0%,
#D6D6D6 50%, #ABABAB 100%); }
.js ( behavior )
Primordial js language
// Interface : back: function () { this.runningCrs = false; this.setData({ showOverlay:
true, showContent: false, selectType: SELECT_TYPE.NONE, }); this.hideLoading();
},
.json ( to configure )
Tool configuration —project.config.json
{ "description": " Project profile ", "packOptions": { "ignore": [] }, "setting": {
"urlCheck": true, "es6": true, "enhance": false, "postcss": true,
"preloadBackgroundData": false, "minified": true }, "condition": { "search": {
"list": [] }, "conversation": { "list": [] }, "game": { "list": [] }, "plugin":
{ "list": [] }, "gamePlugin": { "list": [] }, "miniprogram": { "list": [] } } }
Project configuration —app.json
{ "pages":[ "pages/index/index" ], "window":{ "backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff", "navigationBarTitleText": " Biao fan ",
"navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation":
"sitemap.json" }
Page configuration —< page name>.json logs.json/package.json
{ "name": "crsdemo", "version": "1.0.0", "description": "", "main": "app.js",
"scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author":
"", "license": "ISC", "dependencies": { }, "devDependencies": {
"miniprogram-api-typings": "^3.2.0" } }
Catalog interpretation

pages catalogue — Page related code ( New applet project , Auto generate default )
utils catalogue — Tool related codes ( Network request , File operation, etc ) ( New applet project , Auto generate default )
Other documents —thirdparty( Third party code ),conponents( Applet component code ),resources( Store applet resources , Icon Pictures, etc )

Global entry for applets , Configuration and style

Global entry —app.js
Global configuration —app.json
Global style —app.wxss

Technology
©2019-2020 Toolsou All rights reserved,
Android Using wechat in H5 Payment result refresh during payment shock !!C++ Can make a sound ! Basic operation of single linked list C Language explanation Java Implement an epidemic number management system 2021 year 11 World programming language ranking linux upper mysql Invalid command _linux lower mysql The command is useless Java project : Campus dormitory management system (java+jsp+javaweb+mysql+ajax) Wechat applet development project directory linux ubuntu Which version ,Ubuntu Which version is the best ?python Code painting cherry blossoms - How to use Python Draw a beautiful cherry blossom