Android/uni-fai-pad.git

parent: 326a693f | 补丁 | 提交 | show whitespace

zhangzengfei

2024-01-18 9357b70cdd62dd4fc7ad97d1dd9085a93c260b86

add a browsing web page use webview

10个文件已添加

	.gitignore	1 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	App.vue	17 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	index.html	20 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	main.js	22 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	manifest.json	112 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages.json	24 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/index/index.vue	59 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	static/bg.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	uni.promisify.adaptor.js	10 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	uni.scss	76 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 .gitignore

New file
@@ -0,0 +1 @@
unpackage/

 App.vue

New file
@@ -0,0 +1,17 @@
<script>
    export default {
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

<style>
    /*每个页面公共css */
</style>

 index.html

New file
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script>
      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></title>
    <!--preload-links-->
    <!--app-context-->
  </head>
  <body>
    <div id="app"><!--app-html--></div>
    <script type="module" src="/main.js"></script>
  </body>
</html>

 main.js

New file
@@ -0,0 +1,22 @@
import App from './App'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

 manifest.json

New file
@@ -0,0 +1,112 @@
{
    "name" : "智慧工厂",
    "appid" : "__UNI__E87AC35",
    "description" : "",
    "versionName" : "1.0.0",
    "versionCode" : "100",
    "transformPx" : false,
    /* 5+App特有相关 */
    "app-plus" : {
        "usingComponents" : true,
        "nvueStyleCompiler" : "uni-app",
        "compilerVersion" : 3,
        "splashscreen" : {
            "alwaysShowBeforeRender" : true,
            "waiting" : true,
            "autoclose" : true,
            "delay" : 0
        },
        /* 模块配置 */
        "modules" : {
            "storage" : {}
        },
        /* 应用发布信息 */
        "distribute" : {
            /* android打包配置 */
            "android" : {
                "permissions" : [
                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
                    "<uses-feature android:name=\"android.hardware.camera\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                ],
                "abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
            },
            /* ios打包配置 */
            "ios" : {
                "idfa" : false,
                "dSYMs" : false
            },
            /* SDK配置 */
            "sdkConfigs" : {
                "ad" : {}
            },
            "icons" : {
                "android" : {
                    "hdpi" : "unpackage/res/icons/72x72.png",
                    "xhdpi" : "unpackage/res/icons/96x96.png",
                    "xxhdpi" : "unpackage/res/icons/144x144.png",
                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
                },
                "ios" : {
                    "appstore" : "unpackage/res/icons/1024x1024.png",
                    "ipad" : {
                        "app" : "unpackage/res/icons/76x76.png",
                        "app@2x" : "unpackage/res/icons/152x152.png",
                        "notification" : "unpackage/res/icons/20x20.png",
                        "notification@2x" : "unpackage/res/icons/40x40.png",
                        "proapp@2x" : "unpackage/res/icons/167x167.png",
                        "settings" : "unpackage/res/icons/29x29.png",
                        "settings@2x" : "unpackage/res/icons/58x58.png",
                        "spotlight" : "unpackage/res/icons/40x40.png",
                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
                    },
                    "iphone" : {
                        "app@2x" : "unpackage/res/icons/120x120.png",
                        "app@3x" : "unpackage/res/icons/180x180.png",
                        "notification@2x" : "unpackage/res/icons/40x40.png",
                        "notification@3x" : "unpackage/res/icons/60x60.png",
                        "settings@2x" : "unpackage/res/icons/58x58.png",
                        "settings@3x" : "unpackage/res/icons/87x87.png",
                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
                    }
                }
            }
        }
    },
    /* 快应用特有相关 */
    "quickapp" : {},
    /* 小程序特有相关 */
    "mp-weixin" : {
        "appid" : "",
        "setting" : {
            "urlCheck" : false
        },
        "usingComponents" : true
    },
    "mp-alipay" : {
        "usingComponents" : true
    },
    "mp-baidu" : {
        "usingComponents" : true
    },
    "mp-toutiao" : {
        "usingComponents" : true
    },
    "uniStatistics" : {
        "enable" : false
    },
    "vueVersion" : "2"
}

 pages.json

New file
@@ -0,0 +1,24 @@
{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app"
            }
        }
    ],
    "globalStyle": {
        "navigationStyle": "custom",
        "backgroundColor": "#F8F8F8"
		
        // "navigationBarTextStyle": "black",
        // "navigationBarTitleText": "uni-app",
        // "navigationBarBackgroundColor": "#F8F8F8",
        // pad 宽度配置
        //"rpxCalcMaxDeviceWidth": 0,		
        //"rpxCalcBaseDeviceWidth": 375,
        //"rpxCalcIncludeWidth": 750
		
    },
    "uniIdRouter": {}
}

 pages/index/index.vue

New file
@@ -0,0 +1,59 @@
<template>
    <view class="content">
        <view class="url-container" v-if="start">
            <input v-model="url" placeholder="请输入看板的url" class="url-input" focus>
            <button type="primary" size=mini @click="enter">进入</button>
        </view>

        <web-view :src="url" v-else></web-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                start: true,
                url: 'http://192.168.20.25:7010'
            }
        },
        onLoad() {
            let val = uni.getStorageSync("targetUrl")
            if (val.length) {
                this.url = val
            }
        },
        methods: {
            enter() {
                uni.setStorageSync("targetUrl", this.url)
                this.start = false
            }
        }
    }
</script>

<style>
    .content {
        height:100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: darkslategrey;
    }

    .url-container {
        height: 70rpx;
        display: flex;
        align-items: center;	
    }

    .url-input {
        width: 800rpx;		
        border: 1rpx solid #dadbde;
        font-size: 30rpx;
        border-radius: 8rpx;
        margin-right: 25rpx;
        background-color: #fff;
    }
</style>

 static/bg.png


 uni.promisify.adaptor.js

New file
@@ -0,0 +1,10 @@
uni.addInterceptor({
  returnValue (res) {
    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
      return res;
    }
    return new Promise((resolve, reject) => {
      res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
    });
  },
});

 uni.scss

New file
@@ -0,0 +1,76 @@
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:12px;
$uni-font-size-base:14px;
$uni-font-size-lg:16px;

/* 图片尺寸 */
$uni-img-size-sm:20px;
$uni-img-size-base:26px;
$uni-img-size-lg:40px;

/* Border Radius */
$uni-border-radius-sm: 2px;
$uni-border-radius-base: 3px;
$uni-border-radius-lg: 6px;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px;

/* 垂直间距 */
$uni-spacing-col-sm: 4px;
$uni-spacing-col-base: 8px;
$uni-spacing-col-lg: 12px;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;

New file
			@@ -0,0 +1,17 @@
			<script>
			export default {
			onLaunch: function() {
			console.log('App Launch')
			},
			onShow: function() {
			console.log('App Show')
			},
			onHide: function() {
			console.log('App Hide')
			}
			}
			</script>

			<style>
			/每个页面公共css /
			</style>

New file
			@@ -0,0 +1,20 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8" />
			<script>
			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></title>
			<!--preload-links-->
			<!--app-context-->
			</head>
			<body>
			<div id="app"><!--app-html--></div>
			<script type="module" src="/main.js"></script>
			</body>
			</html>

New file
			@@ -0,0 +1,22 @@
			import App from './App'

			// #ifndef VUE3
			import Vue from 'vue'
			import './uni.promisify.adaptor'
			Vue.config.productionTip = false
			App.mpType = 'app'
			const app = new Vue({
			...App
			})
			app.$mount()
			// #endif

			// #ifdef VUE3
			import { createSSRApp } from 'vue'
			export function createApp() {
			const app = createSSRApp(App)
			return {
			app
			}
			}
			// #endif

New file
			@@ -0,0 +1,112 @@
			{
			"name" : "智慧工厂",
			"appid" : "__UNI__E87AC35",
			"description" : "",
			"versionName" : "1.0.0",
			"versionCode" : "100",
			"transformPx" : false,
			/* 5+App特有相关 */
			"app-plus" : {
			"usingComponents" : true,
			"nvueStyleCompiler" : "uni-app",
			"compilerVersion" : 3,
			"splashscreen" : {
			"alwaysShowBeforeRender" : true,
			"waiting" : true,
			"autoclose" : true,
			"delay" : 0
			},
			/* 模块配置 */
			"modules" : {
			"storage" : {}
			},
			/* 应用发布信息 */
			"distribute" : {
			/* android打包配置 */
			"android" : {
			"permissions" : [
			"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
			"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
			"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
			"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
			"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
			"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
			"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
			"<uses-permission android:name=\"android.permission.CAMERA\"/>",
			"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
			"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
			"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
			"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
			"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
			"<uses-feature android:name=\"android.hardware.camera\"/>",
			"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
			],
			"abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]
			},
			/* ios打包配置 */
			"ios" : {
			"idfa" : false,
			"dSYMs" : false
			},
			/* SDK配置 */
			"sdkConfigs" : {
			"ad" : {}
			},
			"icons" : {
			"android" : {
			"hdpi" : "unpackage/res/icons/72x72.png",
			"xhdpi" : "unpackage/res/icons/96x96.png",
			"xxhdpi" : "unpackage/res/icons/144x144.png",
			"xxxhdpi" : "unpackage/res/icons/192x192.png"
			},
			"ios" : {
			"appstore" : "unpackage/res/icons/1024x1024.png",
			"ipad" : {
			"app" : "unpackage/res/icons/76x76.png",
			"app@2x" : "unpackage/res/icons/152x152.png",
			"notification" : "unpackage/res/icons/20x20.png",
			"notification@2x" : "unpackage/res/icons/40x40.png",
			"proapp@2x" : "unpackage/res/icons/167x167.png",
			"settings" : "unpackage/res/icons/29x29.png",
			"settings@2x" : "unpackage/res/icons/58x58.png",
			"spotlight" : "unpackage/res/icons/40x40.png",
			"spotlight@2x" : "unpackage/res/icons/80x80.png"
			},
			"iphone" : {
			"app@2x" : "unpackage/res/icons/120x120.png",
			"app@3x" : "unpackage/res/icons/180x180.png",
			"notification@2x" : "unpackage/res/icons/40x40.png",
			"notification@3x" : "unpackage/res/icons/60x60.png",
			"settings@2x" : "unpackage/res/icons/58x58.png",
			"settings@3x" : "unpackage/res/icons/87x87.png",
			"spotlight@2x" : "unpackage/res/icons/80x80.png",
			"spotlight@3x" : "unpackage/res/icons/120x120.png"
			}
			}
			}
			}
			},
			/* 快应用特有相关 */
			"quickapp" : {},
			/* 小程序特有相关 */
			"mp-weixin" : {
			"appid" : "",
			"setting" : {
			"urlCheck" : false
			},
			"usingComponents" : true
			},
			"mp-alipay" : {
			"usingComponents" : true
			},
			"mp-baidu" : {
			"usingComponents" : true
			},
			"mp-toutiao" : {
			"usingComponents" : true
			},
			"uniStatistics" : {
			"enable" : false
			},
			"vueVersion" : "2"
			}

New file
			@@ -0,0 +1,24 @@
			{
			"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
			{
			"path": "pages/index/index",
			"style": {
			"navigationBarTitleText": "uni-app"
			}
			}
			],
			"globalStyle": {
			"navigationStyle": "custom",
			"backgroundColor": "#F8F8F8"

			// "navigationBarTextStyle": "black",
			// "navigationBarTitleText": "uni-app",
			// "navigationBarBackgroundColor": "#F8F8F8",
			// pad 宽度配置
			//"rpxCalcMaxDeviceWidth": 0,
			//"rpxCalcBaseDeviceWidth": 375,
			//"rpxCalcIncludeWidth": 750

			},
			"uniIdRouter": {}
			}

New file
			@@ -0,0 +1,59 @@
			<template>
			<view class="content">
			<view class="url-container" v-if="start">
			<input v-model="url" placeholder="请输入看板的url" class="url-input" focus>
			<button type="primary" size=mini @click="enter">进入</button>
			</view>

			<web-view :src="url" v-else></web-view>
			</view>
			</template>

			<script>
			export default {
			data() {
			return {
			start: true,
			url: 'http://192.168.20.25:7010'
			}
			},
			onLoad() {
			let val = uni.getStorageSync("targetUrl")
			if (val.length) {
			this.url = val
			}
			},
			methods: {
			enter() {
			uni.setStorageSync("targetUrl", this.url)
			this.start = false
			}
			}
			}
			</script>

			<style>
			.content {
			height:100vh;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: darkslategrey;
			}

			.url-container {
			height: 70rpx;
			display: flex;
			align-items: center;
			}

			.url-input {
			width: 800rpx;
			border: 1rpx solid #dadbde;
			font-size: 30rpx;
			border-radius: 8rpx;
			margin-right: 25rpx;
			background-color: #fff;
			}
			</style>

New file
			@@ -0,0 +1,10 @@
			uni.addInterceptor({
			returnValue (res) {
			if (!(!!res && (typeof res === "object" \|\| typeof res === "function") && typeof res.then === "function")) {
			return res;
			}
			return new Promise((resolve, reject) => {
			res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
			});
			},
			});

New file
			@@ -0,0 +1,76 @@
			/**
			* 这里是uni-app内置的常用样式变量
			*
			* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
			* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
			*
			*/

			/**
			* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
			*
			* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
			*/

			/* 颜色变量 */

			/* 行为相关颜色 */
			$uni-color-primary: #007aff;
			$uni-color-success: #4cd964;
			$uni-color-warning: #f0ad4e;
			$uni-color-error: #dd524d;

			/* 文字基本颜色 */
			$uni-text-color:#333;//基本色
			$uni-text-color-inverse:#fff;//反色
			$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
			$uni-text-color-placeholder: #808080;
			$uni-text-color-disable:#c0c0c0;

			/* 背景颜色 */
			$uni-bg-color:#ffffff;
			$uni-bg-color-grey:#f8f8f8;
			$uni-bg-color-hover:#f1f1f1;//点击状态颜色
			$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

			/* 边框颜色 */
			$uni-border-color:#c8c7cc;

			/* 尺寸变量 */

			/* 文字尺寸 */
			$uni-font-size-sm:12px;
			$uni-font-size-base:14px;
			$uni-font-size-lg:16px;

			/* 图片尺寸 */
			$uni-img-size-sm:20px;
			$uni-img-size-base:26px;
			$uni-img-size-lg:40px;

			/* Border Radius */
			$uni-border-radius-sm: 2px;
			$uni-border-radius-base: 3px;
			$uni-border-radius-lg: 6px;
			$uni-border-radius-circle: 50%;

			/* 水平间距 */
			$uni-spacing-row-sm: 5px;
			$uni-spacing-row-base: 10px;
			$uni-spacing-row-lg: 15px;

			/* 垂直间距 */
			$uni-spacing-col-sm: 4px;
			$uni-spacing-col-base: 8px;
			$uni-spacing-col-lg: 12px;

			/* 透明度 */
			$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

			/* 文章场景相关 */
			$uni-color-title: #2C405A; // 文章标题颜色
			$uni-font-size-title:20px;
			$uni-color-subtitle: #555555; // 二级标题颜色
			$uni-font-size-subtitle:26px;
			$uni-color-paragraph: #3F536E; // 文章段落颜色
			$uni-font-size-paragraph:15px;