商家首页

pageC/components/merchant/image-top.vue

@@ -0,0 +1,26 @@
+<template>
+    <view class="imageTop">
+        <image :src="url"></image>
+    </view>
+</template>
+<style lang="scss" scoped>
+.imageTop{
+    width: 100%;
+    height: 500rpx;
+    margin-bottom: 20rpx;
+    >image{
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
+<script>
+export default {
+    name:"imageTop",
+    data(){
+        return {
+        }
+    },
+    props:['url']
+}
+</script>

pageC/components/merchant/list-item.vue

@@ -0,0 +1,28 @@
+<template>
+    <view class="listItem">
+        <video v-if="type == '2'" :src="url" :show-fullscreen-btn="true"></video>
+        <image v-else :src="url"></image>
+    </view>
+</template>
+<style lang="scss" scoped>
+.listItem{
+    width: 365rpx;
+    height: 500rpx;
+    margin-bottom: 20rpx;
+    >image,video{
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
+<script>
+export default {
+    name:"listItem",
+    data(){
+        return {
+
+        }
+    },
+    props:['url','type']
+}
+</script>

pageC/components/merchant/video-top.vue

@@ -0,0 +1,26 @@
+<template>
+    <view class="videoTop">
+          <video :src="url" :show-fullscreen-btn="true"></video>
+    </view>
+</template>
+<style lang="scss" scoped>
+.videoTop{
+    width: 100%;
+    height: 284rpx;
+    margin-bottom: 20rpx;
+    >video{
+        width: 100%;
+        height: 100%;
+    }
+}
+</style>
+<script>
+export default {
+    name:"videoTop",
+    data(){
+        return {
+        }
+    },
+    props:['url']
+}
+</script>