01day- micro-channel applet

 

04- developer environment to build (download and install the developer tools)

 01 == "micro-channel development tools to download and install 
micro letter applet download stable version of the tool is 
installed directly next time on it


 02 == " Project name casually Chen enter the 
directory 
AppID if you do not directly use the test numbers 
have registered on the direct assignment of 
the difference between the number of tests they are not able to publish to the server

 05- applet project description (project file description) 
XX.js behavioral 
XX. json, called profiles 
xxx.wxml called the structure 
xxx.wxss interior CSS 

app.js is import documents do not just go and change it 
app.json are configuration items such as the top of the first WeChat is in this document to change it is the largest global configuration file 
micro-channel in all layouts are based on the layout of the flex way 


text labels <text> </ text>
 
in a page in a new page 
first in a new directory == "New page in this directory 
PS ==> directory name and page name consistent with 
your new pages in app.json it automatically help you configure 


PS =="App.json Who is on the top of the note will be displayed with the sequence 
following the last one can not be separated by a comma
  " Pages " : [
     " Pages / main / main " ,
     " Pages / index / index " ,
     " Pages / logs / logs " 

  ], 

the data in the data in XX.js Oh
 <-! Pages / main / main.wxml -> 
<text> Pages / main / main.wxml </ text> 
<Button> { TXT}} {</ the button> // pages and the / main / main.js   the Data: { 
     TXT: "button" 
  }, 
how you want to delete a page, 
you want to go to app.json configuration that page also deleted . 06- small program loop cycle if introduced RPX conditional determination 07- view and flex assembly layout 
view view of the container 
 width: 750rpx; width corresponding to 100 % ; RPX is a responsive unit 02 ==















 "Alignment css3 spindle div vertical column row two rows in a row 
 PS ==> spindle vertical manner default 

  .section { 
    width: 750rpx; 
    background: #ccc; 
    the display: Flex; 
    Flex -direction: Row;   / * alignment of the spindle in a vertical row column row line * / 
} 

has a chance to look alignment css
 03 === "mating alignment side shaft FLEX- direction: column; Effective 
    align = left - items: Center; side shaft alignment (centered) with the vertical axis about the side effects so there


 08- ScrollView and text 

height exceeds the set automatically hidden scrollbars longitudinal development, but not in the real machine is a scroll bar so a real machine development oriented
 <- - rolling!> 
style = " height: 100px; 100px beyond the scroll bar 
scroll-y vertical scroll 

 <scroll-view scroll-y style ="height: 100px;">
    <view    class="scroll-view-item ">1213</view>
    <view    class="scroll-view-item ">1313</view>
    <view   class="scroll-view-item ">1212</view>
    <view   class="scroll-view-item ">1212</view>
    <view    class="scroll-view-item ">1213</view>
    <view    class="scroll-view-item ">1313</view>
    <view   class="scroll-view-item ">1212</view>
    <view   class="Item-View-Scroll " 
09- form component
text if the text can be copied selectable attribute
  </ Scroll-View>> 1212 </ View>



01 ==" button to load in front of a loading icon
   <button loading> click button disposed above properties plain </ Button> 

02 == "How dynamic binding property values in the red micro-channel 
  <= Button loading " lodingflg {} {} " > click Settings button plain properties </ Button> 
  Data : {lodingflg: true}, 

the value is bound using mastaqi braces, a plurality of braces only 

in the vue 
  <= button loading " to true " > click the set button plain above properties </ button> 
  Data: { 
    loading: to true   
  } 

10- navigation component 
<Navigator URL = "/ pages / index / index? title = navigate" hover-class = "hover-Navigator"> jump to a new page </ Navigator> 

/ pages / index / index jump address 
 url = "/ pages / index / index? title = navigate" how to pass parameters 
 hover the -class = "navigator-hover " when the press color changes

 11- map component simple usage
 <map id="map" 
      longitude="113.324520" 
      latitude="23.099994" 
      scale="14" 
      controls="{{controls}}"
        bindcontroltap="controltap" 
      markers="{{markers}}"
        bindmarkertap="markertap" 
      polyline="{{polyline}}"
        bindregionchange="regionchange" 
      show-location style="width: 100%; 
      height: 300px;">
</map>