diff --git a/pkg_product/views/nativeList.vue b/pkg_product/views/nativeList.vue index c86e77d..14782fb 100644 --- a/pkg_product/views/nativeList.vue +++ b/pkg_product/views/nativeList.vue @@ -44,7 +44,18 @@ mode="scaleToFill" /> {{ item.storeName }} - ¥{{ item.price }} + + + + ¥{{ item.price }} + + + + + + @@ -62,9 +82,14 @@ // 特产-城市商品列表 import { fetchNormal, getCategory } from "@/api/store" import { pageListenMixins } from '@/mixins/pageListenMixins' +import ProductWindow from '@/components/ProductWindow' +import goCartMixin from '@/mixins/goCartMixins' export default { name: 'NativeListPage', - mixins: [pageListenMixins], + components: { + ProductWindow + }, + mixins: [pageListenMixins, goCartMixin], data() { return { webUrl: this.$VUE_APP_RESOURCES_URL, @@ -191,7 +216,7 @@ export default { } .item { width: 345rpx; - height: 465rpx; + height: auto; .cover { width: 345rpx; height: 345rpx; @@ -209,4 +234,32 @@ export default { height: 338rpx; } } +.price-wrap { + display: flex; + justify-content: space-between; + align-items: flex-end; + padding: 10rpx 0 0 0; + .price { + font-size: 24rpx; + line-height: 40rpx; + .price-txt { + font-size: 40rpx; + font-weight: bold; + } + } + .price-red { + margin: 0 10rpx 0 0; + color: #C52733; + } + .price-grey { + color: #C4C4C4; + } + .btn { + .img { + display: block; + width: 48rpx; + height: 48rpx; + } + } +} \ No newline at end of file