1.地址
一只基于Vue2.x的移動端&微信UI。 -YDUI Touch
2.在你的項目中安裝引用該UI。要注意你要使用px還是rem，按照需求引用。
3.UI使用ydui.flexible.js 來處理移動端自適應問題。
3.1，rem計算方式：設計圖尺寸px / 100 = 實際rem 【例: 100px = 1rem，32px = .32rem】
3.2，設計稿寬度默認為750px
3.3，在使用border，baskground-size,transform時需要用到的尺寸不需要更改為rem，直接使用px即可 【例：5像素紅色邊框：border：5px red solid；】
3.4，寫死viewport，采用scale=1.0，IOS和安卓一視同仁；
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
3.5，1px邊框的使用
/*css*/
-webkit-transform:(scale(0.5));-webkit-transform-origin: 0 0;transform:(scale(0.5));transform-origin: 0 0;
3.6，關(guān)于圖片，純色系圖片建議使用字體圖標，比如用iconfont；如果是復雜多顏色圖片，可以使用單張圖片，切記不要使用雪碧圖。
4，關(guān)于布局的layout
默認是這樣的，但是需要注意幾點：
4.1，當你單頁面不足充滿整個頁面，你需要在<layout></layout>上在添加一個div,來保證你的頁面能正常滾動。
<template>
<div style="height: 100%;">
<yd-layout title="...">...</yd-layout>
</div>
</template>
4.2，當你在寫內(nèi)頁時，沒有頭部菜單<yd-navbar></yd-navbar>和底部菜單<yd-tabbar></yd-tabbar>時，你需要懸浮在頁面底部的按鈕，使用fixed的時候，你要注意不能在使用layout布局
安卓手機上顯示正常，蘋果手機會有伸縮問題。
4.3，你在寫底部懸浮的時候，需要在底部空出一塊地方，一般解決方法是使用padding-bottom或者是margin-bottom。但是有時候會出現(xiàn)問題（一般是蘋果手機出現(xiàn)問題），最好的方式是在懸浮層的上面增加一個空白div，就顯示高度，例如：
div{width:100%;height:5rem;background:transparent;}
5，按鈕：Button
1.沒有搞清楚yd-button-group【slot】-name的含義
2.button中的props里面的bgcolor和color的類型是string和常規(guī)顏色值。但是不包括透明顏色值，例如transparent和#00000000表示。
3.假如你需要一個圖文結(jié)合的按鈕，建議你自己寫一個。
6，角標：Badge
表現(xiàn)形式和按鈕類似，當你有一些提示文字時，建議使用角標。
7,關(guān)于組件，組件是不能嵌套的，例如搜索Search組件
在<yd-list></yd-list>中增加search組件，會出現(xiàn)頁面穿透的現(xiàn)象，
但是：
具體是什么原因暫時沒有弄明白。
