<text></text>支持  /n  换行

<text></text>支持  /n  换行

<view class='pro-item' wx:for="{{proList}}" bindtap='toDetail' data-index='{{index}}'>

绑定事件：bindtap=""

只有<text></text>标签支持/n换行

微信小程序里，只有<text></text>支持"\n"换行。

bindtap:绑定点击事件

bindlongtap:绑定长按事件

bindtouchcancel:触摸取消

bindtouchend:触摸结束

bindtouchmove:触摸移动

import和require的区别:

1、node编程中最重要的思想就是模块化，import和require就是被模块化所使用

2、遵循规范：require是AMD规范引入方式

                       import是es6的一个语法标准，如果要兼容浏览器的话必                         须转化成es5的语法

3、调用时间：require是运行时调用，所以require理论上可以运用在代                          码的任何地方

                       import是编译时调用，所以必须放在文件开头

4、本质：require是赋值过程，require的结果就是对象、数字、字符串                    和函数，再把require的结果赋值给某个变量

                import是结构过程，但是目前所有的引擎还没有实现import，                  我们在node中使用babel支持es6，也仅仅是把es6转换成es5                  在执行import语法会转码成require

组件的使用：

text组建支持\n换行，其他的组件不支持

1.微信小程序里，只有<text></text>支持"\n"换行。

2.bindtap:绑定点击事件

bindlongtap:绑定长按事件

bindtouchcancel:触摸取消

bindtouchend:触摸结束

bindtouchmove:触摸移动

bindtouchstart:触摸开始

3.{{}}：取变量的意思

4.为了区别点击的是哪个元素，添加属性data-index="{{index}}",通过index辨认点击的是哪一个。

5.button有默认的样式值，当按钮中的图片没有出现在对应的位置，可以修改Button样式值达到修正button中图片位置的目的。

wxml 编辑器调试xml布局 样式 参数

console.log(e) 打印日志到调试界面console栏

自定义函数的默认参数e 是一个事件对象.

对象的currentTarget包含了需要而数值

小程序组件只有TEXT才支持换行\n

进入客服服务

toDetail:function(e){   }       点击进入详情

console.log(e);   日志

点击进入详情    bindtap='toDetail' data-index='{{index}}'

                         点击事件                 获取点击次数 变量

wx:for="{{proList}}" 循环

<image class="pro-img" src="{{item.img}}"></images>

<view class="pro-title">{{item.title}}</view>

<text class="pro-desc">{{item.shortDesc}}</text>

proList:列表；

swiper:页面轮播图；

view？

页面构成：

index.wxml 写页面内容；

index.js写页面数值；

index.wxss写页面样式；

绑定事件：

bindlongtap 长按事件

bindtap         点击事件

bindtouchcancel 触摸取消

bindtouchend  触摸结束（手从屏幕拿开）

bindtouchmove 屏幕上的移动

bindtouchstart   触摸开始

1. 打印日志

2. 点击按钮打开客服咨询

text标签支持“\n’换行；

btn-ask 的 line-height 样式的值改为1就可以使image充满 btn-ask;

这里之所以添加一个子元素image作背景图，而不使用background-image是因为wxss文件不能加载本地图片，小程序开发的特殊性。

text标签支持“\n’换行；

btn-ask 的 line-height 样式的值改为1就可以使image充满 btn-ask;

这里之所以添加一个子元素image作背景图，而不使用background-image是因为wxss文件不能加载本地图片，小程序开发的特殊性。

btn-ask 的 line-height 样式改为1就可以了

要写lin-height，因为ios和android的行高是不一样的

<swiper indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"indicator-dots="true">

<block wx:for="{{imgUrls}}">

<swiper-item>

<image src="{{item}}" class="slide-image" width="355" height="150"/>

</swiper-item>

</block>

</swiper>

<view class='items-list'>

<view class='pro-item' wx:for="{{proList}}">

<image class='pro-logo' src='{{item.logo}}'></image>

<view class='pro-body'>

<view class='pro-tile'>{{item.title}}</view>

<text class='pro-desc'>{{item.desc}}</text>

<view class='pro-footer'>

<image class='btn-detail' src='/images/s1459.jpg'></image>

<image class='btn-ask' src='/images/s1459.jpg'></image>

</view>

</view>

</view>

</view>