Forráskód Böngészése

图文视频方式

shish 4 éve
szülő
commit
8800e86c77
1 módosított fájl, 32 hozzáadás és 12 törlés
  1. 32 12
      ghsApp/src/admin/book/what.vue

+ 32 - 12
ghsApp/src/admin/book/what.vue

@@ -1,8 +1,9 @@
 <template>
 	<view class="app-content">
-        销花宝,鲜花批发管理系统
-        助力商家高效管理店铺,实现传统店铺转型升级。涵盖销售开单、进货采购、微会员、自动改价、云打印、库存盘点、业绩分析、线上商城的功能。手机、平板、电脑三端数据实时同步使用,让你轻松告别手写开单、手工计账等传统操作,随时生成报表,赚多赚少,库存剩余一目了然。
-        <image class="slide" :src="`${constant.imgUrl}/book/banner1.png`" mode="aspectFit"></image>
+        <view class="title">销花宝,鲜花批发管理系统</view>
+        <view class="content">助力商家高效管理店铺,实现传统店铺转型升级。涵盖销售开单、进货采购、微会员、自动改价、云打印、库存盘点、业绩分析、线上商城的功能。手机、平板、电脑三端数据实时同步使用,让你轻松告别手写开单、手工计账等传统操作,随时生成报表,赚多赚少,库存剩余一目了然。</view>
+        <image class="image" :src="`${constant.imgUrl}/book/banner1.png`" mode="widthFix"></image>
+		<view class="video"><video id="myVideo" :src="videoUrl" object-fit="contain" style="width:600rpx;height:980rpx;"></video></view>
 	</view>
 </template>
 <script>
@@ -13,24 +14,43 @@ export default {
 	mixins: [],
 	data() {
 		return {
+		videoUrl:''
 		};
 	},
+	onLoad() {
+		this.videoContext = uni.createVideoContext('myVideo')
+	},
 	onShow() {
-
 	},
 	methods: {
-		init() {
-
+		fullScreen() {
+		this.videoContext.requestFullScreen({direction: 0})
+		},
+		init(){
+			let extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {}
+			this.videoUrl = 'https://api.shop.hzghd.com/jc/9discountPrice.mp4'
 		}
-	}
+	},
 };
 </script>
 <style lang="scss" scoped>
 .app-content{
-    font-size:30rpx;
-    .slide{
-            width:750rpx;
-            height:524rpx;
-    }
+	padding:20rpx 20rpx 10rpx 20rpx;
+    .title{
+		font-weight: bold;
+		font-size:40rpx;
+		margin-bottom:18rpx;
+	}
+	.content{
+    	font-size:28rpx;
+	}
+	.image{
+		width:100%;
+		margin:5rpx 0 5rpx 0;
+	}
+	.video{
+		margin:0 auto;
+        text-align: center;
+	}
 }
 </style>