一，地點詳情頁
product.vue元件，點選h3標題，跳轉到對應地點的詳情detail路徑
商品">
rate
v-model="
meta.rate
":colors="
['#ff9900', '#ff9900', '#ff9900']
"disabled/>
v-if="
meta.rate>4
"class="
s-item-comment
">很好
v-else-if="
meta.rate>3
"class="
s-item-comment
">一般
v-else
class="
s-item-comment
">很差
class="
s-item-value
">}分
class="
s-item-comment-total
class="
s-item-type
">}
class="
s-item-addr
">}
class="
s-item-price
">￥}起}
pages-->新建detail.vue，引入
crumbs.vue麵包屑元件，
summary.vue地點詳情，
list.vue，商家**和優惠
class="summary.vue地點詳情，page-detail
">
"24">
<
crumbs
:keyword="
keyword
":type="
type
"/>
"24">
"product
"/>
class="
m-title
">
"24">
v-if="
canorder || !login
">
"24">
v-if="
login
":list="
list
"/>
v-else
class="
deal-need-login
">
src="
"alt="
登入檢視
">
請登入後檢視詳細**優惠
button
type="
primary
"round>
"/login
">立即登入
crumbs.vue麵包屑元件，
class="
m-crumbs
">
">
">
"">}美團
"">}}
"/">}}
el-rate評分元件，el-carousel走馬燈元件，element-ui
class="list.vue，商家**和優惠m-sum-card
">
rate
v-model="
rate
"disabled />
}分人均￥}
carousel
height="
214px
"indicator-position="
none
">
item
v-for="
(item,idx) in meta.photos
":key="
idx">
"item.vue元件 v-if="html
">
class="
m-detail-list
">
meta.photos.length
"class="
m-detail-item
">
class="
section
">
:src="
meta.photos[0].url
":alt="
meta.photos[0].title
">
}if="
meta.biz_ext&&meta.biz_ext.ticket_ordering
">剩餘：}
if="
meta.deadline
">截止日期：}
class="
price
">}
門店價}
button
type="
warning
"round
@click
="createcart
">立即搶購
二，購物車功能
1.在地點詳情頁detail中，點選立即請購按鈕，跳轉到購物車頁面
pages-->cart.vue購物車，引入list元件
class="list.vue元件，el-input-number,計數器元件page-cart
">
colv-if="
cart.length
":span="24"
class="
m-cart
">
"cart
"/>
應付金額：
class="
money
">￥}
class="
post
">
button
type="
primary
"@click="
submit
">提交訂單
colv
-else
class="
empty
">購物車為空
table三，在訂單頁面功能:data="
cartdata
"style="
width: 980px
">
column
prop="
name
"label="專案"
width="
532"/>
column
prop="
price
"label="單價"
width="
132"/>
column
label="數量"
width="
212">
"scope
">
number
v-model="
scope.row.count
":min="
0"/>
column
label="
總價">
"scope
">
class="">}
1.在購物車頁，點選提交訂單按鈕，跳轉到訂單頁面
仿美團pc,koa ssr（四）
一，城市服務功能 components 新建changecity目錄 新建isselect.vue元件 按省份選擇 select v model pvalue placeholder 省份 option v for item in province key item.value label item...
react native高仿美團V1 1
v1.1目前在v1的基礎上稍作修改，如猜你喜歡介面的排版布局和目前真實的美團是幾乎一樣的 需要注意的是 新客減4元 這個黃色小框是根據不同情況來處理的，在返回的json中的字典中可能有或沒有這個鍵，所以要判斷一下 具體功能封裝了乙個function rendercampaigntag campaig...
Android藍芽列印小票,仿美團外賣小票列印
自適應排版小票格式，一行兩列和三列輕鬆搞定，文字長短不用愁 先看一下效果圖 但像列印的小票排版樣式與細節這塊相對是比較粗糙，直接在 裡寫死的樣式，而大多數平台的小票排版都不太一樣，這裡就涉及到自定義排版，而我這裡主要講的就是小票列印的排版樣式了。我在demo中已經把排版封裝到 printutil，主...