forked from ccsens_fe/tall-mui-3
commit
c0f1debe6d
15 changed files with 11290 additions and 0 deletions
@ -0,0 +1,23 @@ |
|||
.DS_Store |
|||
node_modules/ |
|||
unpackage/ |
|||
dist/ |
|||
|
|||
# local env files |
|||
.env.local |
|||
.env.*.local |
|||
|
|||
# Log files |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Editor directories and files |
|||
.project |
|||
.idea |
|||
.vscode |
|||
*.suo |
|||
*.ntvs* |
|||
*.njsproj |
|||
*.sln |
|||
*.sw* |
|||
@ -0,0 +1,19 @@ |
|||
# tall-mui-cli |
|||
|
|||
## Project setup |
|||
``` |
|||
yarn install |
|||
``` |
|||
|
|||
### Compiles and hot-reloads for development |
|||
``` |
|||
yarn serve |
|||
``` |
|||
|
|||
### Compiles and minifies for production |
|||
``` |
|||
yarn build |
|||
``` |
|||
|
|||
### Customize configuration |
|||
See [Configuration Reference](https://cli.vuejs.org/config/). |
|||
@ -0,0 +1,63 @@ |
|||
const plugins = [] |
|||
|
|||
if (process.env.UNI_OPT_TREESHAKINGNG) { |
|||
plugins.push(require('@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js')) |
|||
} |
|||
|
|||
if ( |
|||
( |
|||
process.env.UNI_PLATFORM === 'app-plus' && |
|||
process.env.UNI_USING_V8 |
|||
) || |
|||
( |
|||
process.env.UNI_PLATFORM === 'h5' && |
|||
process.env.UNI_H5_BROWSER === 'builtin' |
|||
) |
|||
) { |
|||
const path = require('path') |
|||
|
|||
const isWin = /^win/.test(process.platform) |
|||
|
|||
const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path) |
|||
|
|||
const input = normalizePath(process.env.UNI_INPUT_DIR) |
|||
try { |
|||
plugins.push([ |
|||
require('@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console'), |
|||
{ |
|||
file (file) { |
|||
file = normalizePath(file) |
|||
if (file.indexOf(input) === 0) { |
|||
return path.relative(input, file) |
|||
} |
|||
return false |
|||
} |
|||
} |
|||
]) |
|||
} catch (e) {} |
|||
} |
|||
|
|||
process.UNI_LIBRARIES = process.UNI_LIBRARIES || ['@dcloudio/uni-ui'] |
|||
process.UNI_LIBRARIES.forEach(libraryName => { |
|||
plugins.push([ |
|||
'import', |
|||
{ |
|||
'libraryName': libraryName, |
|||
'customName': (name) => { |
|||
return `${libraryName}/lib/${name}/${name}` |
|||
} |
|||
} |
|||
]) |
|||
}) |
|||
module.exports = { |
|||
presets: [ |
|||
[ |
|||
'@vue/app', |
|||
{ |
|||
modules: 'commonjs', |
|||
useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry' |
|||
} |
|||
] |
|||
], |
|||
plugins |
|||
} |
|||
@ -0,0 +1,96 @@ |
|||
{ |
|||
"name": "tall-mui-cli", |
|||
"version": "0.1.0", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "npm run dev:h5", |
|||
"build": "npm run build:h5", |
|||
"build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build", |
|||
"build:custom": "cross-env NODE_ENV=production uniapp-cli custom", |
|||
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build", |
|||
"build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build", |
|||
"build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build", |
|||
"build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build", |
|||
"build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build", |
|||
"build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build", |
|||
"build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build", |
|||
"build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build", |
|||
"build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build", |
|||
"build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build", |
|||
"build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build", |
|||
"build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build", |
|||
"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch", |
|||
"dev:custom": "cross-env NODE_ENV=development uniapp-cli custom", |
|||
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve", |
|||
"dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch", |
|||
"dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch", |
|||
"dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch", |
|||
"dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch", |
|||
"dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch", |
|||
"dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch", |
|||
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch", |
|||
"dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch", |
|||
"dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch", |
|||
"dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch", |
|||
"dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch", |
|||
"info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js", |
|||
"serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js", |
|||
"test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i", |
|||
"test:h5": "cross-env UNI_PLATFORM=h5 jest -i", |
|||
"test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i", |
|||
"test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i", |
|||
"test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i" |
|||
}, |
|||
"dependencies": { |
|||
"@dcloudio/uni-app-plus": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-h5": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-helper-json": "*", |
|||
"@dcloudio/uni-i18n": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-360": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-alipay": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-baidu": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-kuaishou": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-qq": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-toutiao": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-vue": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-mp-weixin": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-quickapp-native": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-quickapp-webview": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-stat": "^2.0.0-31920210609001", |
|||
"@vue/shared": "^3.0.0", |
|||
"core-js": "^3.6.5", |
|||
"flyio": "^0.6.2", |
|||
"regenerator-runtime": "^0.12.1", |
|||
"vue": "^2.6.11", |
|||
"vuex": "^3.2.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@babel/runtime": "~7.12.0", |
|||
"@dcloudio/types": "*", |
|||
"@dcloudio/uni-automator": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-cli-shared": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-migration": "^2.0.0-31920210609001", |
|||
"@dcloudio/uni-template-compiler": "^2.0.0-31920210609001", |
|||
"@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-31920210609001", |
|||
"@dcloudio/vue-cli-plugin-uni": "^2.0.0-31920210609001", |
|||
"@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-31920210609001", |
|||
"@dcloudio/webpack-uni-mp-loader": "^2.0.0-31920210609001", |
|||
"@dcloudio/webpack-uni-pages-loader": "^2.0.0-31920210609001", |
|||
"@vue/cli-plugin-babel": "~4.5.0", |
|||
"@vue/cli-service": "~4.5.0", |
|||
"babel-plugin-import": "^1.11.0", |
|||
"cross-env": "^7.0.2", |
|||
"jest": "^25.4.0", |
|||
"mini-types": "*", |
|||
"miniprogram-api-typings": "*", |
|||
"postcss-comment": "^2.0.0", |
|||
"vue-template-compiler": "^2.6.11" |
|||
}, |
|||
"browserslist": [ |
|||
"Android >= 4", |
|||
"ios >= 8" |
|||
], |
|||
"uni-app": { |
|||
"scripts": {} |
|||
} |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
const path = require('path') |
|||
module.exports = { |
|||
parser: require('postcss-comment'), |
|||
plugins: [ |
|||
require('postcss-import')({ |
|||
resolve (id, basedir, importOptions) { |
|||
if (id.startsWith('~@/')) { |
|||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3)) |
|||
} else if (id.startsWith('@/')) { |
|||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2)) |
|||
} else if (id.startsWith('/') && !id.startsWith('//')) { |
|||
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1)) |
|||
} |
|||
return id |
|||
} |
|||
}), |
|||
require('autoprefixer')({ |
|||
remove: process.env.UNI_PLATFORM !== 'h5' |
|||
}), |
|||
require('@dcloudio/vue-cli-plugin-uni/packages/postcss') |
|||
] |
|||
} |
|||
@ -0,0 +1,28 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<title> |
|||
<%= htmlWebpackPlugin.options.title %> |
|||
</title> |
|||
<script> |
|||
document.addEventListener('DOMContentLoaded', function() { |
|||
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px' |
|||
}) |
|||
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> |
|||
<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<noscript> |
|||
<strong>Please enable JavaScript to continue.</strong> |
|||
</noscript> |
|||
<div id="app"></div> |
|||
<!-- built files will be auto injected --> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -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> |
|||
@ -0,0 +1,11 @@ |
|||
import Vue from 'vue' |
|||
import App from './App' |
|||
|
|||
Vue.config.productionTip = false |
|||
|
|||
App.mpType = 'app' |
|||
|
|||
const app = new Vue({ |
|||
...App |
|||
}) |
|||
app.$mount() |
|||
@ -0,0 +1,75 @@ |
|||
{ |
|||
"name": "", |
|||
"appid": "", |
|||
"description": "", |
|||
"versionName": "1.0.0", |
|||
"versionCode": "100", |
|||
"transformPx": false, |
|||
"app-plus": { /* 5+App特有相关 */ |
|||
"usingComponents": true, |
|||
"splashscreen": { |
|||
"alwaysShowBeforeRender": true, |
|||
"waiting": true, |
|||
"autoclose": true, |
|||
"delay": 0 |
|||
}, |
|||
"modules": { /* 模块配置 */ |
|||
|
|||
}, |
|||
"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.READ_CONTACTS\"/>", |
|||
"<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.WRITE_CONTACTS\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.CAMERA\"/>", |
|||
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>", |
|||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", |
|||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>", |
|||
"<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.CALL_PHONE\"/>", |
|||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>", |
|||
"<uses-feature android:name=\"android.hardware.camera\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" |
|||
] |
|||
}, |
|||
"ios": { /* ios打包配置 */ |
|||
|
|||
}, |
|||
"sdkConfigs": { /* SDK配置 */ |
|||
|
|||
} |
|||
} |
|||
}, |
|||
"quickapp": { /* 快应用特有相关 */ |
|||
|
|||
}, |
|||
"mp-weixin": { /* 微信小程序特有相关 */ |
|||
"appid": "", |
|||
"setting": { |
|||
"urlCheck": false |
|||
}, |
|||
"usingComponents": true |
|||
}, |
|||
"mp-alipay" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-baidu" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-toutiao" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-qq" : { |
|||
"usingComponents" : true |
|||
} |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
{ |
|||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages |
|||
{ |
|||
"path": "pages/index/index", |
|||
"style": { |
|||
"navigationBarTitleText": "uni-app" |
|||
} |
|||
} |
|||
], |
|||
"globalStyle": { |
|||
"navigationBarTextStyle": "black", |
|||
"navigationBarTitleText": "uni-app", |
|||
"navigationBarBackgroundColor": "#F8F8F8", |
|||
"backgroundColor": "#F8F8F8" |
|||
} |
|||
} |
|||
@ -0,0 +1,49 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<image class="logo" src="/static/logo.png"></image> |
|||
<view> |
|||
<text class="title">{{title}}</text> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
title: 'Hello' |
|||
} |
|||
}, |
|||
onLoad() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.logo { |
|||
height: 200rpx; |
|||
width: 200rpx; |
|||
margin: 200rpx auto 50rpx auto; |
|||
} |
|||
|
|||
.text-area { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 36rpx; |
|||
color: #8f8f94; |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 3.9 KiB |
@ -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:24rpx; |
|||
$uni-font-size-base:28rpx; |
|||
$uni-font-size-lg:32rpx; |
|||
|
|||
/* 图片尺寸 */ |
|||
$uni-img-size-sm:40rpx; |
|||
$uni-img-size-base:52rpx; |
|||
$uni-img-size-lg:80rpx; |
|||
|
|||
/* Border Radius */ |
|||
$uni-border-radius-sm: 4rpx; |
|||
$uni-border-radius-base: 6rpx; |
|||
$uni-border-radius-lg: 12rpx; |
|||
$uni-border-radius-circle: 50%; |
|||
|
|||
/* 水平间距 */ |
|||
$uni-spacing-row-sm: 10px; |
|||
$uni-spacing-row-base: 20rpx; |
|||
$uni-spacing-row-lg: 30rpx; |
|||
|
|||
/* 垂直间距 */ |
|||
$uni-spacing-col-sm: 8rpx; |
|||
$uni-spacing-col-base: 16rpx; |
|||
$uni-spacing-col-lg: 24rpx; |
|||
|
|||
/* 透明度 */ |
|||
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度 |
|||
|
|||
/* 文章场景相关 */ |
|||
$uni-color-title: #2C405A; // 文章标题颜色 |
|||
$uni-font-size-title:40rpx; |
|||
$uni-color-subtitle: #555555; // 二级标题颜色 |
|||
$uni-font-size-subtitle:36rpx; |
|||
$uni-color-paragraph: #3F536E; // 文章段落颜色 |
|||
$uni-font-size-paragraph:30rpx; |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"compilerOptions": { |
|||
"types": [ |
|||
"@dcloudio/types", |
|||
"miniprogram-api-typings", |
|||
"mini-types" |
|||
] |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue