Awesome
注意 cml-yanxuan不在维护,迁移到 https://github.com/beatles-chameleon/cml-demo
cml-yanxuan
仿网易严选demo
安装chameleon-tool
npm i -g chameleon-tool@0.3.2
使用
- clone 当前项目
- 在项目根目录执行
npm install
- 启动项目
cml dev
其中地图功能 ./map/components/map
使用了多态组件
页面如下
web | 微信小程序 | native-weex | 百度小程序 | 支付宝小程序 |
---|---|---|---|---|
<img src="./preview/web-1.jpg" width="200px"/> | <img src="./preview/wx-1.jpg" width="200px"/> | <img src="./preview/weex-1.jpg" width="200px"/> | <img src="./preview/baidu-1.png" width="200px"/> | <img src="./preview/alipay-1.png" width="200px"/> |
<img src="./preview/web-2.jpg" width="200px"/> | <img src="./preview/wx-2.jpg" width="200px"/> | <img src="./preview/weex-2.jpg" width="200px"/> | <img src="./preview/baidu-2.png" width="200px"/> | <img src="./preview/alipay-2.png" width="200px"/> |
<img src="./preview/web-3.jpg" width="200px"/> | <img src="./preview/wx-3.jpg" width="200px"/> | <img src="./preview/weex-3.jpg" width="200px"/> | <img src="./preview/baidu-3.png" width="200px"/> | <img src="./preview/alipay-3.png" width="200px"/> |
<img src="./preview/web-4.jpg" width="200px"/> | <img src="./preview/wx-4.jpg" width="200px"/> | <img src="./preview/weex-4.jpg" width="200px"/> | <img src="./preview/baidu-4.png" width="200px"/> | <img src="./preview/alipay-4.png" width="200px"/> |
<img src="./preview/web-5.jpg" width="200px"/> | <img src="./preview/wx-5.jpg" width="200px"/> | <img src="./preview/weex-5.jpg" width="200px"/> | <img src="./preview/baidu-5.png" width="200px"/> | <img src="./preview/alipay-5.png" width="200px"/> |
<img src="./preview/web-6.jpeg" width="200px"/> | <img src="./preview/wx-6.jpg" width="200px"/> | <img src="./preview/weex-6.jpg" width="200px"/> | <img src="./preview/baidu-6.png" width="200px"/> | <img src="./preview/alipay-6.png" width="200px"/> |
<img src="./preview/web-7.jpg" width="200px"/> | <img src="./preview/wx-7.jpg" width="200px"/> | <img src="./preview/weex-7.jpg" width="200px"/> | <img src="./preview/baidu-7.png" width="200px"/> | <img src="./preview/alipay-7.png" width="200px"/> |