一,城市服務功能
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="v-for="m-hcity
">
熱門城市:
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,主...