react native高仿美團V1 1

2021-07-25 14:29:51 字數 1391 閱讀 2342

v1.1目前在v1的基礎上稍作修改,如猜你喜歡介面的排版布局和目前真實的美團是幾乎一樣的

需要注意的是「新客減4元」這個黃色小框是根據不同情況來處理的,在返回的json中的字典中可能有或沒有這個鍵,所以要判斷一下

具體功能封裝了乙個function

rendercampaigntag(campaign)else }},

全部**如下:

/**

* created by targetcloud on 2016/12/21.

*/import react, from 'react';

import from 'react-native';

var commoncell = require('../common/commoncell');

var guesslikedata = require('../../localdatas/guesslike.json');

var dimensions = require('dimensions');

var = dimensions.get('window');

var guesslike = react.createclass(

},getinitialstate())}},

render() ,

renderrow(row)>)},

rendercampaigntag(campaign)else }},

componentdidmount());

}).catch((error)=>);

})},

});module.exports = guesslike;

其他公升級的細小功能點不再詳述,直接看下面圖吧,覺得好github上star(我會在v1.2版本更新時接近目前最新版美團)

仿美團pc,koa ssr(六)

一,地點詳情頁 product.vue元件,點選h3標題,跳轉到對應地點的詳情detail路徑 商品 rate v model meta.rate colors ff9900 ff9900 ff9900 disabled v if meta.rate 4 class s item comment 很...

仿美團pc,koa ssr(四)

一,城市服務功能 components 新建changecity目錄 新建isselect.vue元件 按省份選擇 select v model pvalue placeholder 省份 option v for item in province key item.value label item...

Android藍芽列印小票,仿美團外賣小票列印

自適應排版小票格式,一行兩列和三列輕鬆搞定,文字長短不用愁 先看一下效果圖 但像列印的小票排版樣式與細節這塊相對是比較粗糙,直接在 裡寫死的樣式,而大多數平台的小票排版都不太一樣,這裡就涉及到自定義排版,而我這裡主要講的就是小票列印的排版樣式了。我在demo中已經把排版封裝到 printutil,主...