xiuli.gao месяцев назад: 9
Сommit
b37e5e6aa6

+ 16 - 0
hc_video/.hbuilderx/launch.json

@@ -0,0 +1,16 @@
1
+{ // launch.json 配置了启动调试时相关设置,configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
2
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数,remote代表前端连云端云函数
3
+    "version": "0.0",
4
+    "configurations": [{
5
+     	"default" : 
6
+     	{
7
+     		"launchtype" : "local"
8
+     	},
9
+     	"mp-toutiao" : 
10
+     	{
11
+     		"launchtype" : "local"
12
+     	},
13
+     	"type" : "uniCloud"
14
+     }
15
+    ]
16
+}

+ 21 - 0
hc_video/App.vue

@@ -0,0 +1,21 @@
1
+<script>
2
+	export default {
3
+		onLaunch: function() {
4
+			console.log('App Launch')
5
+		},
6
+		onShow: function() {
7
+			console.log('App Show')
8
+		},
9
+		onHide: function() {
10
+			console.log('App Hide')
11
+		}
12
+	}
13
+</script>
14
+
15
+<style lang="scss">
16
+	/*每个页面公共css */
17
+	@import url("./static/scss/common.scss");
18
+	page{
19
+		background-color: #fff;
20
+	}
21
+</style>

+ 20 - 0
hc_video/index.html

@@ -0,0 +1,20 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+  <head>
4
+    <meta charset="UTF-8" />
5
+    <script>
6
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
7
+        CSS.supports('top: constant(a)'))
8
+      document.write(
9
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
10
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
11
+    </script>
12
+    <title>喝彩短剧</title>
13
+    <!--preload-links-->
14
+    <!--app-context-->
15
+  </head>
16
+  <body>
17
+    <div id="app"><!--app-html--></div>
18
+    <script type="module" src="/main.js"></script>
19
+  </body>
20
+</html>

+ 50 - 0
hc_video/main.js

@@ -0,0 +1,50 @@
1
+import App from './App'
2
+
3
+// #ifndef VUE3
4
+import Vue from 'vue'
5
+Vue.config.productionTip = false
6
+App.mpType = 'app'
7
+
8
+try {
9
+  function isPromise(obj) {
10
+    return (
11
+      !!obj &&
12
+      (typeof obj === "object" || typeof obj === "function") &&
13
+      typeof obj.then === "function"
14
+    );
15
+  }
16
+
17
+  // 统一 vue2 API Promise 化返回格式与 vue3 保持一致
18
+  uni.addInterceptor({
19
+    returnValue(res) {
20
+      if (!isPromise(res)) {
21
+        return res;
22
+      }
23
+      return new Promise((resolve, reject) => {
24
+        res.then((res) => {
25
+          if (res[0]) {
26
+            reject(res[0]);
27
+          } else {
28
+            resolve(res[1]);
29
+          }
30
+        });
31
+      });
32
+    },
33
+  });
34
+} catch (error) { }
35
+
36
+const app = new Vue({
37
+  ...App
38
+})
39
+app.$mount()
40
+// #endif
41
+
42
+// #ifdef VUE3
43
+import { createSSRApp } from 'vue'
44
+export function createApp() {
45
+  const app = createSSRApp(App)
46
+  return {
47
+    app
48
+  }
49
+}
50
+// #endif

+ 77 - 0
hc_video/manifest.json

@@ -0,0 +1,77 @@
1
+{
2
+    "name" : "hc_video",
3
+    "appid" : "__UNI__98C0C1B",
4
+    "description" : "",
5
+    "versionName" : "1.0.0",
6
+    "versionCode" : "100",
7
+    "transformPx" : false,
8
+    /* 5+App特有相关 */
9
+    "app-plus" : {
10
+        "usingComponents" : true,
11
+        "nvueStyleCompiler" : "uni-app",
12
+        "compilerVersion" : 3,
13
+        "splashscreen" : {
14
+            "alwaysShowBeforeRender" : true,
15
+            "waiting" : true,
16
+            "autoclose" : true,
17
+            "delay" : 0
18
+        },
19
+        /* 模块配置 */
20
+        "modules" : {},
21
+        /* 应用发布信息 */
22
+        "distribute" : {
23
+            /* android打包配置 */
24
+            "android" : {
25
+                "permissions" : [
26
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
27
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
28
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
29
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
30
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
31
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
32
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
33
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
34
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
35
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
36
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
37
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
38
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
39
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
40
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
41
+                ]
42
+            },
43
+            /* ios打包配置 */
44
+            "ios" : {},
45
+            /* SDK配置 */
46
+            "sdkConfigs" : {}
47
+        }
48
+    },
49
+    /* 快应用特有相关 */
50
+    "quickapp" : {},
51
+    /* 小程序特有相关 */
52
+    "mp-weixin" : {
53
+        "appid" : "",
54
+        "setting" : {
55
+            "urlCheck" : false
56
+        },
57
+        "usingComponents" : true
58
+    },
59
+    "mp-alipay" : {
60
+        "usingComponents" : true
61
+    },
62
+    "mp-baidu" : {
63
+        "usingComponents" : true
64
+    },
65
+    "mp-toutiao" : {
66
+        "usingComponents" : true,
67
+        "appid" : "tt5a212c9cc51102a601",
68
+        "setting" : {
69
+            "minified" : true,
70
+            "postcss" : true
71
+        }
72
+    },
73
+    "uniStatistics" : {
74
+        "enable" : false
75
+    },
76
+    "vueVersion" : "3"
77
+}

+ 17 - 0
hc_video/pages.json

@@ -0,0 +1,17 @@
1
+{
2
+	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
3
+		{
4
+			"path": "pages/index/index",
5
+			"style": {
6
+				"navigationBarTitleText": "喝彩短剧"
7
+			}
8
+		}
9
+	],
10
+	"globalStyle": {
11
+		"navigationBarTextStyle": "black",
12
+		"navigationBarTitleText": "喝彩短剧",
13
+		"navigationBarBackgroundColor": "#F8F8F8",
14
+		"backgroundColor": "#F8F8F8"
15
+	},
16
+	"uniIdRouter": {}
17
+}

+ 75 - 0
hc_video/pages/index/index.vue

@@ -0,0 +1,75 @@
1
+<template>
2
+	<view class="content">
3
+		<input class="ttui-input" v-model="keyword" auto-focus focus placeholder="请输入" />
4
+		<div>{{keyword}}</div>
5
+	</view>
6
+	<view class="videoListContainer">
7
+		<view class="titleBlock">
8
+			<image class="icon" src="/static/logo.png" mode="widthFix"></image>
9
+			<text class="title">剧集广场</text>
10
+		</view>
11
+		<view class="videoListBlock">
12
+			<view class="videoItem" v-for="(item,index) in 10">
13
+				<view class="videoItemImage">
14
+					
15
+				</view>
16
+				<view class="videoItemTitle">
17
+					离婚后,傅先离婚后,傅先·离婚后,傅先·离婚后,傅先
18
+				</view>
19
+			</view>
20
+		</view>
21
+	</view>
22
+</template>
23
+
24
+<script>
25
+	export default {
26
+		data() {
27
+			return {
28
+				keyword: 'Hello'
29
+			}
30
+		},
31
+		onLoad() {
32
+
33
+		},
34
+		methods: {
35
+
36
+		}
37
+	}
38
+</script>
39
+
40
+
41
+<style scoped lang="scss">
42
+	.content {
43
+		display: flex;
44
+		flex-direction: column;
45
+		align-items: center;
46
+		justify-content: center;
47
+	}
48
+
49
+	.videoListContainer{
50
+		.titleBlock{
51
+			display: flex;
52
+			align-items: center;
53
+			.icon{
54
+				width: 40rpx;
55
+				height: 40rpx;
56
+				margin-right: 20rpx;
57
+			}
58
+			.title{
59
+				font-size: 28rpx;
60
+				font-weight: bold;
61
+			}
62
+		}
63
+	}
64
+	.videoListBlock{
65
+		display: flex;
66
+		flex-wrap: wrap;
67
+		.videoItem{
68
+			width: 33.3%;
69
+			height: 200rpx;
70
+			.videoItemImage{
71
+				width: 100;
72
+			}
73
+		}
74
+	}
75
+</style>

BIN
hc_video/static/logo.png


+ 3 - 0
hc_video/static/scss/common.scss

@@ -0,0 +1,3 @@
1
+text, view{
2
+	color: #333;
3
+}

+ 76 - 0
hc_video/uni.scss

@@ -0,0 +1,76 @@
1
+/**
2
+ * 这里是uni-app内置的常用样式变量
3
+ *
4
+ * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
5
+ * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
6
+ *
7
+ */
8
+
9
+/**
10
+ * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
11
+ *
12
+ * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
13
+ */
14
+
15
+/* 颜色变量 */
16
+
17
+/* 行为相关颜色 */
18
+$uni-color-primary: #007aff;
19
+$uni-color-success: #4cd964;
20
+$uni-color-warning: #f0ad4e;
21
+$uni-color-error: #dd524d;
22
+
23
+/* 文字基本颜色 */
24
+$uni-text-color:#333;//基本色
25
+$uni-text-color-inverse:#fff;//反色
26
+$uni-text-color-grey:#999;//辅助灰色,如加载更多的提示信息
27
+$uni-text-color-placeholder: #808080;
28
+$uni-text-color-disable:#c0c0c0;
29
+
30
+/* 背景颜色 */
31
+$uni-bg-color:#ffffff;
32
+$uni-bg-color-grey:#f8f8f8;
33
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
34
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35
+
36
+/* 边框颜色 */
37
+$uni-border-color:#c8c7cc;
38
+
39
+/* 尺寸变量 */
40
+
41
+/* 文字尺寸 */
42
+$uni-font-size-sm:12px;
43
+$uni-font-size-base:14px;
44
+$uni-font-size-lg:16;
45
+
46
+/* 图片尺寸 */
47
+$uni-img-size-sm:20px;
48
+$uni-img-size-base:26px;
49
+$uni-img-size-lg:40px;
50
+
51
+/* Border Radius */
52
+$uni-border-radius-sm: 2px;
53
+$uni-border-radius-base: 3px;
54
+$uni-border-radius-lg: 6px;
55
+$uni-border-radius-circle: 50%;
56
+
57
+/* 水平间距 */
58
+$uni-spacing-row-sm: 5px;
59
+$uni-spacing-row-base: 10px;
60
+$uni-spacing-row-lg: 15px;
61
+
62
+/* 垂直间距 */
63
+$uni-spacing-col-sm: 4px;
64
+$uni-spacing-col-base: 8px;
65
+$uni-spacing-col-lg: 12px;
66
+
67
+/* 透明度 */
68
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69
+
70
+/* 文章场景相关 */
71
+$uni-color-title: #2C405A; // 文章标题颜色
72
+$uni-font-size-title:20px;
73
+$uni-color-subtitle: #555555; // 二级标题颜色
74
+$uni-font-size-subtitle:26px;
75
+$uni-color-paragraph: #3F536E; // 文章段落颜色
76
+$uni-font-size-paragraph:15px;

+ 26 - 0
hc_video/unpackage/dist/dev/mp-toutiao/app.js

@@ -0,0 +1,26 @@
1
+"use strict";
2
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+const common_vendor = require("./common/vendor.js");
4
+if (!Math) {
5
+  "./pages/index/index.js";
6
+}
7
+const _sfc_main = {
8
+  onLaunch: function() {
9
+    console.log("App Launch");
10
+  },
11
+  onShow: function() {
12
+    console.log("App Show");
13
+  },
14
+  onHide: function() {
15
+    console.log("App Hide");
16
+  }
17
+};
18
+const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "/Users/gaoxiuli/Desktop/酷炫网络/word/dou_platform_applet/hc_video/App.vue"]]);
19
+function createApp() {
20
+  const app = common_vendor.createSSRApp(App);
21
+  return {
22
+    app
23
+  };
24
+}
25
+createApp().app.mount("#app");
26
+exports.createApp = createApp;

+ 12 - 0
hc_video/unpackage/dist/dev/mp-toutiao/app.json

@@ -0,0 +1,12 @@
1
+{
2
+  "pages": [
3
+    "pages/index/index"
4
+  ],
5
+  "window": {
6
+    "navigationBarTextStyle": "black",
7
+    "navigationBarTitleText": "喝彩短剧",
8
+    "navigationBarBackgroundColor": "#F8F8F8",
9
+    "backgroundColor": "#F8F8F8"
10
+  },
11
+  "usingComponents": {}
12
+}

+ 32 - 0
hc_video/unpackage/dist/dev/mp-toutiao/app.ttss

@@ -0,0 +1,32 @@
1
+/**
2
+ * 这里是uni-app内置的常用样式变量
3
+ *
4
+ * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
5
+ * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
6
+ *
7
+ */
8
+/**
9
+ * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
10
+ *
11
+ * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
12
+ */
13
+/* 颜色变量 */
14
+/* 行为相关颜色 */
15
+/* 文字基本颜色 */
16
+/* 背景颜色 */
17
+/* 边框颜色 */
18
+/* 尺寸变量 */
19
+/* 文字尺寸 */
20
+/* 图片尺寸 */
21
+/* Border Radius */
22
+/* 水平间距 */
23
+/* 垂直间距 */
24
+/* 透明度 */
25
+/* 文章场景相关 */
26
+/*每个页面公共css */
27
+text, view{
28
+	color: #333;
29
+}
30
+page {
31
+  background-color: #fff;
32
+}page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[bind-data-c-h="true"]{display: none !important;}

Разница между файлами не показана из-за своего большого размера
+ 6788 - 0
hc_video/unpackage/dist/dev/mp-toutiao/common/vendor.js


+ 24 - 0
hc_video/unpackage/dist/dev/mp-toutiao/pages/index/index.js

@@ -0,0 +1,24 @@
1
+"use strict";
2
+const common_vendor = require("../../common/vendor.js");
3
+const _sfc_main = {
4
+  data() {
5
+    return {
6
+      keyword: "Hello"
7
+    };
8
+  },
9
+  onLoad() {
10
+  },
11
+  methods: {}
12
+};
13
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
14
+  return {
15
+    a: $data.keyword,
16
+    b: common_vendor.o(($event) => $data.keyword = $event.detail.value),
17
+    c: common_vendor.t($data.keyword),
18
+    d: common_vendor.f(10, (item, index, i0) => {
19
+      return {};
20
+    })
21
+  };
22
+}
23
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cf27b2a"], ["__file", "/Users/gaoxiuli/Desktop/酷炫网络/word/dou_platform_applet/hc_video/pages/index/index.vue"]]);
24
+tt.createPage(MiniProgramPage);

+ 4 - 0
hc_video/unpackage/dist/dev/mp-toutiao/pages/index/index.json

@@ -0,0 +1,4 @@
1
+{
2
+  "navigationBarTitleText": "喝彩短剧",
3
+  "usingComponents": {}
4
+}

Разница между файлами не показана из-за своего большого размера
+ 1 - 0
hc_video/unpackage/dist/dev/mp-toutiao/pages/index/index.ttml


+ 55 - 0
hc_video/unpackage/dist/dev/mp-toutiao/pages/index/index.ttss

@@ -0,0 +1,55 @@
1
+/**
2
+ * 这里是uni-app内置的常用样式变量
3
+ *
4
+ * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
5
+ * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
6
+ *
7
+ */
8
+/**
9
+ * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
10
+ *
11
+ * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
12
+ */
13
+/* 颜色变量 */
14
+/* 行为相关颜色 */
15
+/* 文字基本颜色 */
16
+/* 背景颜色 */
17
+/* 边框颜色 */
18
+/* 尺寸变量 */
19
+/* 文字尺寸 */
20
+/* 图片尺寸 */
21
+/* Border Radius */
22
+/* 水平间距 */
23
+/* 垂直间距 */
24
+/* 透明度 */
25
+/* 文章场景相关 */
26
+.content.data-v-1cf27b2a {
27
+  display: flex;
28
+  flex-direction: column;
29
+  align-items: center;
30
+  justify-content: center;
31
+}
32
+.videoListContainer .titleBlock.data-v-1cf27b2a {
33
+  display: flex;
34
+  align-items: center;
35
+}
36
+.videoListContainer .titleBlock .icon.data-v-1cf27b2a {
37
+  width: 40rpx;
38
+  height: 40rpx;
39
+  margin-right: 20rpx;
40
+}
41
+.videoListContainer .titleBlock .title.data-v-1cf27b2a {
42
+  font-size: 28rpx;
43
+  font-weight: bold;
44
+}
45
+.videoListBlock.data-v-1cf27b2a {
46
+  display: flex;
47
+  flex-wrap: wrap;
48
+}
49
+.videoListBlock .videoItem.data-v-1cf27b2a {
50
+  width: 33.3%;
51
+  height: 200rpx;
52
+}
53
+.videoListBlock .videoItem .videoItemImage.data-v-1cf27b2a {
54
+  width: 100;
55
+}

+ 16 - 0
hc_video/unpackage/dist/dev/mp-toutiao/project.config.json

@@ -0,0 +1,16 @@
1
+{
2
+  "setting": {
3
+    "urlCheck": false,
4
+    "es6": true,
5
+    "postcss": true,
6
+    "minified": true,
7
+    "newFeature": true
8
+  },
9
+  "appid": "tt5a212c9cc51102a601",
10
+  "projectname": "hc_video",
11
+  "condition": {
12
+    "miniprogram": {
13
+      "current": -1
14
+    }
15
+  }
16
+}

BIN
hc_video/unpackage/dist/dev/mp-toutiao/static/logo.png


+ 3 - 0
hc_video/unpackage/dist/dev/mp-toutiao/static/scss/common.scss

@@ -0,0 +1,3 @@
1
+text, view{
2
+	color: #333;
3
+}