h5_框架

.hbuilderx/launch.json

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

pages.json

@@ -1,5 +1,15 @@
 {
-	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+	    {
+	    	"path": "pages/enter/enter",
+	    	"style": {
+	    		"navigationBarTitleText": "",
+	    		"disableScroll": true,
+	    		"app-plus": {
+	    			"titleNView": false
+	    		}
+	    	}
+	    },
 		{
 			"path": "pages/index/index",
 			"style": {

pages/AI-draw/AI-draw.vue

@@ -0,0 +1,38 @@
+<template>
+	<view class="container" :style="{'top': viewTop + 'px', 'height': viewHeight + 'px'}">
+		AI_画图
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		props: {
+			viewTop: {
+				type: Number,
+				default: 0
+			},
+			viewHeight: {
+				type: Number,
+				default: 0
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		display: flex;
+		box-sizing: border-box;
+		position: fixed;
+		left: 0;
+		width: 100%;
+	}
+</style>

pages/AI_chat/AI_chat.vue

@@ -0,0 +1,38 @@
+<template>
+	<view class="container" :style="{'top': viewTop + 'px', 'height': viewHeight + 'px'}">
+		AI_聊天
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		props: {
+			viewTop: {
+				type: Number,
+				default: 0
+			},
+			viewHeight: {
+				type: Number,
+				default: 0
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		display: flex;
+		box-sizing: border-box;
+		position: fixed;
+		left: 0;
+		width: 100%;
+	}
+</style>

pages/enter/enter-navigator.vue

@@ -0,0 +1,128 @@
+<template>
+	<view class="container">
+		<view class="robot">
+			<image src="../../static/home/robot.png" mode="aspectFit"></image>
+		</view>
+		<view class="titleText">SmartAssistant</view>
+		<view class="selectContent">
+			<view class="select_box" v-for="(item, index) in dataList" :key="index" @click="clickToItem(item, index)">
+				{{ item }}
+			</view>
+		</view>
+		<view class="userInfo">
+			<view class="user_regist" @click="clickToRegist">注册</view>
+			<view class="user_login" @click="clickToLogin">登录</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				dataList: ['首页', 'AI聊天', 'AI画图'],
+				currenIndex: this.selectedIndex
+			}
+		},
+		props: {
+			selectedIndex: {
+				type: Number,
+				default: 0
+			}
+		},
+		mounted() {
+			this.$emit('clickToIndex', this.currenIndex)
+		},
+		methods:{
+			clickToItem(item, index) {
+				if(this.currenIndex === index) {
+					return
+				}
+				this.currenIndex = index
+				this.$emit('clickToIndex', index)
+			},
+			clickToRegist() {
+				
+			},
+			clickToLogin() {
+				
+			}
+		}
+		
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		position: fixed;
+		width: 100%;
+		height: 60px;
+		top: 0%;
+		left: 0;
+		background: linear-gradient(to right, #303373, #C9A391);
+		display: flex;
+		box-sizing: border-box;
+		align-items: center;
+		.robot{
+			flex-shrink: 0;
+			width: 48px;
+			height: 48px;
+			margin-left: 15px;
+			image{
+				width: 100%;
+				height: 100%;
+			}
+		}
+		.titleText{
+			display: flex;
+			margin-left: 10px;
+			// height: 100%;
+			font-size: 30px;
+			font-weight: 500;
+			color: #ffffff;
+		}
+		.selectContent{
+			display: flex;
+			flex-direction: row;
+			height: 100%;
+			align-items: center;
+			
+			.select_box{
+				display: flex;
+				margin-left: 40px;
+				color: #ffffff;
+			}
+		}
+		
+		.userInfo{
+			position: absolute;
+			display: flex;
+			box-sizing: border-box;
+			height: 100%;
+			top: 0px;
+			right: 10px;
+			align-items: center;
+			.user_regist{
+				display: flex;
+				width: 65px;
+				height: 28px;
+				border-radius: 28px;
+				color: #878787;
+				background-color: #ffffff;
+				justify-content: center;
+				align-items: center;
+			}
+			.user_login{
+				display: flex;
+				width: 65px;
+				height: 28px;
+				border-radius: 28px;
+				color: #ffffff;
+				background-color: #4C9CF1;
+				justify-content: center;
+				align-items: center;
+				margin-left: 10px;
+			}
+		}
+	}
+</style>

pages/enter/enter.vue

@@ -0,0 +1,47 @@
+<template>
+	<view class="container">
+		<enterNavigator :selectedIndex="nav_current_index" @clickToIndex='homeNavigatorClick'/>
+		<home :viewTop="subviewTop" :viewHeight="subviewHeight" v-if="nav_current_index == 0" />
+		<AIChat :viewTop="subviewTop" :viewHeight="subviewHeight" v-if="nav_current_index == 1" />
+		<AIDraw :viewTop="subviewTop" :viewHeight="subviewHeight" v-if="nav_current_index == 2" />
+	</view>
+</template>
+
+<script>
+	import enterNavigator from '../../pages/enter/enter-navigator.vue'
+	import home from '../../pages/home/home.vue'
+	import AIChat from '../../pages/AI_chat/AI_chat.vue'
+	import AIDraw from '../../pages/AI-draw/AI-draw.vue'
+	export default {
+		data() {
+			return {
+				nav_current_index: 0,     // 当前导航索引
+				subviewTop: 0,
+				subviewHeight: 0,
+			}
+		},
+		methods: {
+			homeNavigatorClick(index) {
+				this.nav_current_index = index
+			}
+		},
+		mounted() {
+			let systemInfo = uni.getSystemInfoSync()
+			
+			this.subviewTop = 60
+			this.subviewHeight = systemInfo.screenHeight - this.subviewTop
+		},
+		components: {
+			enterNavigator,
+			home,
+			AIChat,
+			AIDraw
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		
+	}
+</style>

pages/home/home.vue

@@ -0,0 +1,38 @@
+<template>
+	<view class="container" :style="{'top': viewTop + 'px', 'height': viewHeight + 'px'}">
+		首页
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		props: {
+			viewTop: {
+				type: Number,
+				default: 0
+			},
+			viewHeight: {
+				type: Number,
+				default: 0
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		display: flex;
+		box-sizing: border-box;
+		position: fixed;
+		left: 0;
+		width: 100%;
+	}
+</style>

unpackage/dist/dev/app-plus/__uniappview.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var __UniViewStartTime__ = Date.now();
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title>View</title>
+    <link rel="stylesheet" href="view.css" />
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <script src="__uniappes6.js"></script>
+    <script src="view.umd.min.js"></script>
+    <script src="app-view.js"></script>
+  </body>
+
+</html>

unpackage/dist/dev/app-plus/app-config-service.js

@@ -0,0 +1,8 @@
+
+var isReady=false;var onReadyCallbacks=[];
+var isServiceReady=false;var onServiceReadyCallbacks=[];
+var __uniConfig = {"pages":["pages/home/home","pages/index/index"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8"},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"chatgpd","compilerVersion":"3.7.11","entryPagePath":"pages/home/home","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
+var __uniRoutes = [{"path":"/pages/home/home","meta":{"isQuit":true},"window":{"navigationBarTitleText":"","disableScroll":true,"titleNView":false}},{"path":"/pages/index/index","meta":{},"window":{"navigationBarTitleText":"","disableScroll":true,"titleNView":false}}];
+__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
+__uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
+service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});

unpackage/dist/dev/app-plus/app-config.js

@@ -0,0 +1,154 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// install a JSONP callback for chunk loading
+/******/ 	function webpackJsonpCallback(data) {
+/******/ 		var chunkIds = data[0];
+/******/ 		var moreModules = data[1];
+/******/ 		var executeModules = data[2];
+/******/
+/******/ 		// add "moreModules" to the modules object,
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0, resolves = [];
+/******/ 		for(;i < chunkIds.length; i++) {
+/******/ 			chunkId = chunkIds[i];
+/******/ 			if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				resolves.push(installedChunks[chunkId][0]);
+/******/ 			}
+/******/ 			installedChunks[chunkId] = 0;
+/******/ 		}
+/******/ 		for(moduleId in moreModules) {
+/******/ 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
+/******/ 				modules[moduleId] = moreModules[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(data);
+/******/
+/******/ 		while(resolves.length) {
+/******/ 			resolves.shift()();
+/******/ 		}
+/******/
+/******/ 		// add entry modules from loaded chunk to deferred list
+/******/ 		deferredModules.push.apply(deferredModules, executeModules || []);
+/******/
+/******/ 		// run deferred modules when all chunks ready
+/******/ 		return checkDeferredModules();
+/******/ 	};
+/******/ 	function checkDeferredModules() {
+/******/ 		var result;
+/******/ 		for(var i = 0; i < deferredModules.length; i++) {
+/******/ 			var deferredModule = deferredModules[i];
+/******/ 			var fulfilled = true;
+/******/ 			for(var j = 1; j < deferredModule.length; j++) {
+/******/ 				var depId = deferredModule[j];
+/******/ 				if(installedChunks[depId] !== 0) fulfilled = false;
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferredModules.splice(i--, 1);
+/******/ 				result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
+/******/ 			}
+/******/ 		}
+/******/
+/******/ 		return result;
+/******/ 	}
+/******/
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// Promise = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		"app-config": 0
+/******/ 	};
+/******/
+/******/ 	var deferredModules = [];
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/ 	var jsonpArray = this["webpackJsonp"] = this["webpackJsonp"] || [];
+/******/ 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+/******/ 	jsonpArray.push = webpackJsonpCallback;
+/******/ 	jsonpArray = jsonpArray.slice();
+/******/ 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
+/******/ 	var parentJsonpFunction = oldJsonpFunction;
+/******/
+/******/
+/******/ 	// run deferred modules from other chunks
+/******/ 	checkDeferredModules();
+/******/ })
+/************************************************************************/
+/******/ ([]);