仿美團pc,koa ssr(四)

2022-06-07 05:48:12 字數 2411 閱讀 1923

一,城市服務功能

components-->新建changecity目錄--》新建isselect.vue元件

">按省份選擇:

select

v-model="

pvalue

"placeholder="

省份">

option

v-for="

item in province

":key="

item.value

":label="

item.label

":value="

item.value

"/>

select>

select

v-model="

cvalue

":disabled="

!city.length

"placeholder="

城市">

option

v-for="

item in city

":key="

item.value

":label="

item.label

":value="

item.value

"/>

select>

autocomplete

v-model="

input

":fetch-suggestions="

querysearchasync

"placeholder="

請輸入城市中文或拼音

"@select="

handleselect

" />

components-->新建changecity目錄--》新建hot.vue熱門城市元件

class="

m-hcity

">

熱門城市:

v-for="

item in list

":key="

item.id

">}

components-->新建changecity目錄--》新建categrory.vue排序城市元件

注,用很少的dom節點完成,多看看,

還有用了乙個pinyin庫,拼音code值

根據a標籤的瞄點,跳轉到固定位置

class="">

class="

m-categroy

">

按拼音首字母選擇:

pages-->changecity.vue元件,將hot,isselsect,categrory元件全部匯入該元件

預設引入了公共元件layout-->default.vue,相當於乙個slot插槽,將changecity的結構插入進去

class="
layout-default

">

"197px

">

"100%

">

class="

page-changecity

">

"24">

"24">

"24">

仿美團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 很...

react native高仿美團V1 1

v1.1目前在v1的基礎上稍作修改,如猜你喜歡介面的排版布局和目前真實的美團是幾乎一樣的 需要注意的是 新客減4元 這個黃色小框是根據不同情況來處理的,在返回的json中的字典中可能有或沒有這個鍵,所以要判斷一下 具體功能封裝了乙個function rendercampaigntag campaig...

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

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