|
@ -1,6 +1,6 @@ |
|
|
<template> |
|
|
<template> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: column; height: 100%;box-sizing: border-box;" id="page"> |
|
|
<view style="display: flex;flex-direction: column; height: 100vh;box-sizing: border-box; background-color: #fff;" id="page"> |
|
|
|
|
|
|
|
|
<view class="top"> |
|
|
<view class="top"> |
|
|
<NavBar ref="nav" navTitle="详情" :showIcon="true" :start-change-height="page.startHeight" |
|
|
<NavBar ref="nav" navTitle="详情" :showIcon="true" :start-change-height="page.startHeight" |
|
@ -46,7 +46,7 @@ |
|
|
<view |
|
|
<view |
|
|
style=" display: flex;flex-direction: row;align-items: center; margin-right: 10px;margin-top: 5px; margin-left: 10px;"> |
|
|
style=" display: flex;flex-direction: row;align-items: center; margin-right: 10px;margin-top: 5px; margin-left: 10px;"> |
|
|
|
|
|
|
|
|
<image :src='item.iconUrl' style="width: 70px;height: 70px;" mode="aspectFill"></image> |
|
|
<image :src='item.iconUrl' style="width: 70px;height: 70px;" mode="aspectFit"></image> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: column;margin-left: 20px;width: 100%;"> |
|
|
<view style="display: flex;flex-direction: column;margin-left: 20px;width: 100%;"> |
|
|
|
|
|
|
|
@ -64,15 +64,15 @@ |
|
|
<view |
|
|
<view |
|
|
style="display: flex;flex-direction: row;justify-content:space-between;margin-top: 5px;"> |
|
|
style="display: flex;flex-direction: row;justify-content:space-between;margin-top: 5px;"> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;"> |
|
|
<view style="display: flex;flex-direction: row;height: 20px;align-items: center;"> |
|
|
<text style="border: 1px #EE752F solid; border-radius: 10px; color:#EE752F ; font-size: 10px; |
|
|
<text style="border: 1px #EE752F solid; border-radius: 10px; color:#EE752F ; font-size: 10px; |
|
|
margin-right: 20px;padding: 0px 5px;">{{item.jprice}}元/{{item.specificationUnit}}</text> |
|
|
margin-right: 20px;padding: 0px 5px;">{{convertPrice(item.jprice)}}元/{{item.specificationUnit}}</text> |
|
|
<text |
|
|
<text |
|
|
style="border: 1px #EE752F solid; border-radius: 10px; color: #EE752F;font-size: 10px;;padding: 0px 5px;">{{item.weight}}斤/{{item.unitName}}</text> |
|
|
style="border: 1px #EE752F solid; border-radius: 10px; color: #EE752F;font-size: 10px;;padding: 0px 5px;">{{item.weight}}斤/{{item.unitName}}</text> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<text style="color: #FF5006;font-size: 15px;">¥{{item.price}}</text> |
|
|
<text style="color: #FF5006;font-size: 15px;">¥{{convertPrice(item.price)}}</text> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
@ -82,9 +82,11 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view v-show="data.length>0" style="height: 100px;background: #f1f2f3; "></view> |
|
|
<view style="height: 200px;background: #fff; "></view> |
|
|
|
|
|
|
|
|
<view style="background-color: #fff;position: fixed;bottom: 0;overflow:hidden; |
|
|
<view style="background-color: #fff;position: fixed;bottom: 0;overflow:hidden; |
|
|
display: flex;flex-direction: column; width: 100%;flex-shrink: 1;"> |
|
|
display: flex;flex-direction: column; width: 100%;flex-shrink: 1;"> |
|
@ -103,14 +105,14 @@ |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;"> |
|
|
<view style="display: flex;flex-direction: row;align-items: center;"> |
|
|
<text style="color: #888;font-size: 14px;">合计:</text> |
|
|
<text style="color: #888;font-size: 14px;">合计:</text> |
|
|
<text style="color: #F0752F;font-size: 18px;">{{page.price}}元</text> |
|
|
<text style="color: #F0752F;font-size: 18px;">{{convertPrice(page.price)}}元</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<text |
|
|
<text |
|
|
style="background: #EE752F; text-align: center; color: #fff; border-radius: 5px;padding: 5px 20px; margin-right: 40px; " |
|
|
style="background: #EE752F; text-align: center; color: #fff; border-radius: 5px;padding: 5px 20px; margin-right: 40px; " |
|
|
@click="settlement()">结算</text> |
|
|
@click="settlement()">结算入窖</text> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|