first commit
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
# http://editorconfig.org
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": ["taro/react"],
|
||||
"rules": {
|
||||
"react/jsx-uses-react": "off",
|
||||
"react/react-in-jsx-scope": "off"
|
||||
}
|
||||
}
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
dist/
|
||||
weapp/
|
||||
alipay/
|
||||
kwai/
|
||||
dd/
|
||||
qq/
|
||||
tt/
|
||||
swan/
|
||||
deploy_versions/
|
||||
.swc/
|
||||
.temp/
|
||||
.rn_temp/
|
||||
node_modules/
|
||||
.DS_Store
|
||||
@@ -0,0 +1,12 @@
|
||||
registry "https://registry.npm.taobao.org"
|
||||
disturl "https://npm.taobao.org/dist"
|
||||
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
|
||||
sentrycli_cdnurl "https://npm.taobao.org/mirrors/sentry-cli/"
|
||||
electron_mirror "https://npm.taobao.org/mirrors/electron/"
|
||||
phantomjs_cdnurl "https://npm.taobao.org/mirrors/phantomjs/"
|
||||
chromedriver_cdnurl "https://npm.taobao.org/mirrors/chromedriver/"
|
||||
canvas_binary_host_mirror "https://npm.taobao.org/mirrors/node-canvas-prebuilt/"
|
||||
operadriver_cdnurl "https://npm.taobao.org/mirrors/operadriver"
|
||||
selenium_cdnurl "https://npm.taobao.org/mirrors/selenium"
|
||||
node_inspector_cdnurl "https://npm.taobao.org/mirrors/node-inspector"
|
||||
fsevents_binary_host_mirror "http://npm.taobao.org/mirrors/fsevents/"
|
||||
@@ -0,0 +1,26 @@
|
||||
/* eslint-disable import/no-commonjs */
|
||||
// babel-preset-taro 更多选项和默认值：
|
||||
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
|
||||
module.exports = {
|
||||
presets: [
|
||||
[
|
||||
'taro',
|
||||
{
|
||||
framework: 'react',
|
||||
ts: true,
|
||||
useBuiltIns: false,
|
||||
hot: false,
|
||||
},
|
||||
],
|
||||
],
|
||||
plugins: [
|
||||
[
|
||||
'import',
|
||||
{
|
||||
libraryName: '@antmjs/vantui',
|
||||
libraryDirectory: 'es',
|
||||
},
|
||||
'@antmjs/vantui',
|
||||
],
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
// eslint-disable-next-line import/no-commonjs
|
||||
module.exports = {
|
||||
env: {
|
||||
NODE_ENV: '"development"',
|
||||
},
|
||||
defineConstants: {},
|
||||
mini: {},
|
||||
h5: {},
|
||||
}
|
||||
+138
@@ -0,0 +1,138 @@
|
||||
/* eslint-disable import/no-commonjs */
|
||||
/* eslint-disable @typescript-eslint/no-var-requires */
|
||||
const npath = require("path");
|
||||
const pkg = require("../package.json");
|
||||
const miniChain = require("./webpack/miniChain");
|
||||
const h5Chain = require("./webpack/h5Chain");
|
||||
|
||||
process.env.TARO_ENV = process.env.TARO_ENV ?? "weapp"
|
||||
process.env.NODE_ENV = process.env.NODE_ENV ?? 'production'
|
||||
process.env.API_ENV = process.env.API_ENV ?? 'real'
|
||||
|
||||
const config = {
|
||||
projectName: pkg.name,
|
||||
date: "2022-8-10",
|
||||
designWidth: 750,
|
||||
deviceRatio: {
|
||||
640: 2.34 / 2,
|
||||
750: 1,
|
||||
828: 1.81 / 2,
|
||||
},
|
||||
sourceRoot: "src",
|
||||
outputRoot: process.env.TARO_ENV === "h5" ? "build" : process.env.TARO_ENV,
|
||||
alias: {
|
||||
"@": npath.resolve(process.cwd(), "src"),
|
||||
},
|
||||
defineConstants: {},
|
||||
copy: {
|
||||
patterns: [],
|
||||
options: {},
|
||||
},
|
||||
framework: "react",
|
||||
compiler: "webpack5",
|
||||
cache: {
|
||||
enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
|
||||
},
|
||||
mini: {
|
||||
webpackChain(chain) {
|
||||
miniChain(chain);
|
||||
},
|
||||
lessLoaderOption: {
|
||||
lessOptions: {
|
||||
modifyVars: {
|
||||
hack: `true; @import "${npath.join(
|
||||
process.cwd(),
|
||||
"src/styles/index.less"
|
||||
)}";`,
|
||||
},
|
||||
},
|
||||
// 适用于全局引入样式
|
||||
// additionalData: "@import '~/src/styles/index.less';",
|
||||
},
|
||||
postcss: {
|
||||
pxtransform: {
|
||||
enable: true,
|
||||
config: {},
|
||||
},
|
||||
url: {
|
||||
enable: true,
|
||||
config: {
|
||||
limit: 1024, // 设定转换尺寸上限
|
||||
},
|
||||
},
|
||||
cssModules: {
|
||||
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||
config: {
|
||||
namingPattern: "module", // 转换模式，取值为 global/module
|
||||
generateScopedName: "[name]__[local]___[hash:base64:5]",
|
||||
},
|
||||
},
|
||||
},
|
||||
miniCssExtractPluginOption: {
|
||||
ignoreOrder: true,
|
||||
},
|
||||
},
|
||||
h5: {
|
||||
webpackChain(chain) {
|
||||
h5Chain(chain);
|
||||
if (process.env.NODE_ENV === "production") {
|
||||
chain.performance.maxEntrypointSize(1000000).maxAssetSize(512000);
|
||||
}
|
||||
},
|
||||
esnextModules: [/@antmjs[\\/]vantui/],
|
||||
lessLoaderOption: {
|
||||
lessOptions: {
|
||||
modifyVars: {
|
||||
// 或者可以通过 less 文件覆盖（文件路径为绝对路径）
|
||||
hack: `true; @import "${npath.join(
|
||||
process.cwd(),
|
||||
"src/styles/index.less"
|
||||
)}";`,
|
||||
},
|
||||
},
|
||||
},
|
||||
router: {
|
||||
mode: "browser",
|
||||
},
|
||||
devServer: {
|
||||
hot: false,
|
||||
},
|
||||
publicPath: "/",
|
||||
staticDirectory: "static",
|
||||
postcss: {
|
||||
autoprefixer: {
|
||||
enable: true,
|
||||
config: {},
|
||||
},
|
||||
cssModules: {
|
||||
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||
config: {
|
||||
namingPattern: "module", // 转换模式，取值为 global/module
|
||||
generateScopedName: "[name]__[local]___[hash:base64:5]",
|
||||
},
|
||||
},
|
||||
},
|
||||
miniCssExtractPluginOption: {
|
||||
ignoreOrder: true,
|
||||
filename: "assets/css/[name].css",
|
||||
chunkFilename: "assets/css/chunk/[name].css",
|
||||
},
|
||||
},
|
||||
rn: {
|
||||
appName: "taroDemo",
|
||||
postcss: {
|
||||
cssModules: {
|
||||
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
["@tarojs/plugin-framework-react", { reactMode: "concurrent" }],
|
||||
"@tarojs/plugin-platform-alipay-dd",
|
||||
["@tarojs/plugin-platform-kwai"],
|
||||
],
|
||||
};
|
||||
|
||||
module.exports = function (merge) {
|
||||
return merge({}, config, require(`./${process.env.NODE_ENV}`));
|
||||
};
|
||||
@@ -0,0 +1,36 @@
|
||||
// eslint-disable-next-line import/no-commonjs
|
||||
module.exports = {
|
||||
env: {
|
||||
NODE_ENV: '"production"',
|
||||
},
|
||||
defineConstants: {},
|
||||
mini: {},
|
||||
h5: {
|
||||
/**
|
||||
* WebpackChain 插件配置
|
||||
* @docs https://github.com/neutrinojs/webpack-chain
|
||||
*/
|
||||
// webpackChain (chain) {
|
||||
// /**
|
||||
// * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
|
||||
// * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
|
||||
// */
|
||||
// chain.plugin('analyzer')
|
||||
// .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
|
||||
// /**
|
||||
// * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
|
||||
// * @docs https://github.com/chrisvfritz/prerender-spa-plugin
|
||||
// */
|
||||
// const path = require('path')
|
||||
// const Prerender = require('prerender-spa-plugin')
|
||||
// const staticDir = path.join(__dirname, '..', 'dist')
|
||||
// chain
|
||||
// .plugin('prerender')
|
||||
// .use(new Prerender({
|
||||
// staticDir,
|
||||
// routes: [ '/pages/index/index' ],
|
||||
// postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
|
||||
// }))
|
||||
// }
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
module.exports = function (chain) {
|
||||
// taro内部的配置：scriptRule.exclude = [filename => /css-loader/.test(filename) || (/node_modules/.test(filename) && !(/taro/.test(filename)))];
|
||||
// 下面重写exclude的配置，部分三方包需要babel，包括taro、@antmjs等
|
||||
// 根据exclude可以看出，千万不要在项目名称上面带上taro字样，否则所有引用到node_modules的包都会重新被编译一次
|
||||
// 以下配置将不再使用usage配置，因为根据小程序官方描述，ios9开始基本都已支持了，浏览器可以使用polyfill.io 国内可以用阿里云版的，index.html有引用
|
||||
|
||||
/*
|
||||
* 如果babel.config.js设置useBuiltIns:usage
|
||||
* /tarojs[\\/](runtime|shared|plugin-platform|components)/.test(filename) 应该被exculde
|
||||
* /tarojs[\\/](runtime|shared|plugin-platform)/.test(filename) 应该单独babel 且设置useBuiltIns:false
|
||||
*/
|
||||
chain.module
|
||||
.rule('script')
|
||||
.exclude.clear()
|
||||
.add(
|
||||
(filename) =>
|
||||
/css-loader/.test(filename) ||
|
||||
(/node_modules/.test(filename) &&
|
||||
!/(taro)|(inversify)|(@antmjs)|(react-spring)|(recoil)|(buffer)|(qrcode)/.test(
|
||||
filename,
|
||||
)),
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/* eslint-disable import/no-commonjs */
|
||||
/* eslint-disable @typescript-eslint/no-var-requires */
|
||||
const H5FixPlugin = require('@antmjs/plugin-h5-fix')
|
||||
const commonChain = require('./commonChain')
|
||||
|
||||
module.exports = function (chain) {
|
||||
chain.plugin('H5FixPlugin').use(new H5FixPlugin())
|
||||
commonChain(chain)
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/* eslint-disable import/no-commonjs */
|
||||
/* eslint-disable @typescript-eslint/no-var-requires */
|
||||
const MiniFixPlugin = require('@antmjs/plugin-mini-fix')
|
||||
const GlobalFixPlugin = require('@antmjs/plugin-global-fix')
|
||||
const commonChain = require('./commonChain')
|
||||
|
||||
module.exports = function (chain) {
|
||||
// add @antmjs/plugin-mini-fix and @antmjs/mini-fix
|
||||
// 解决微信小程序和抖音小程序的path上的params没有自动decode的问题，支付宝和钉钉是有decode过的
|
||||
// 这个问题是因为微信抖音和支付宝钉钉原生小程序的返回结果就是不一致的，Taro目前是没有去处理的
|
||||
chain.plugin('MiniFixPlugin').use(new MiniFixPlugin())
|
||||
|
||||
//解决支付宝小程序、钉钉小程序、百度小程序没有暴露全局变量global的问题
|
||||
chain.plugin('GlobalFixPlugin').use(new GlobalFixPlugin())
|
||||
commonChain(chain)
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
{
|
||||
"name": "pure-project-vantui",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"templateInfo": {
|
||||
"name": "default",
|
||||
"typescript": true,
|
||||
"css": "less"
|
||||
},
|
||||
"scripts": {
|
||||
"build:weapp": "taro build --type weapp",
|
||||
"build:h5": "taro build --type h5",
|
||||
"dev:weapp": "npm run build:weapp -- --watch",
|
||||
"dev:h5": "npm run build:h5 -- --watch"
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
"ios >= 9"
|
||||
],
|
||||
"development": [
|
||||
"last 1 version"
|
||||
]
|
||||
},
|
||||
"author": "",
|
||||
"dependencies": {
|
||||
"@antmjs/mini-fix": "^2.3.21",
|
||||
"@antmjs/vantui": "^3.1.6",
|
||||
"@babel/runtime": "^7.7.7",
|
||||
"@tarojs/components": "3.6.14",
|
||||
"@tarojs/helper": "3.6.14",
|
||||
"@tarojs/plugin-framework-react": "3.6.14",
|
||||
"@tarojs/plugin-platform-alipay": "3.6.14",
|
||||
"@tarojs/plugin-platform-alipay-dd": "^0.1.3",
|
||||
"@tarojs/plugin-platform-h5": "3.6.14",
|
||||
"@tarojs/plugin-platform-jd": "3.6.14",
|
||||
"@tarojs/plugin-platform-kwai": "^2.0.0",
|
||||
"@tarojs/plugin-platform-qq": "3.6.14",
|
||||
"@tarojs/plugin-platform-swan": "3.6.14",
|
||||
"@tarojs/plugin-platform-tt": "3.6.14",
|
||||
"@tarojs/plugin-platform-weapp": "3.6.14",
|
||||
"@tarojs/react": "3.6.14",
|
||||
"@tarojs/router": "3.6.14",
|
||||
"@tarojs/runtime": "3.6.14",
|
||||
"@tarojs/shared": "3.6.14",
|
||||
"@tarojs/taro": "3.6.14",
|
||||
"@tarojs/taro-h5": "3.6.14",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@antmjs/plugin-global-fix": "^2.3.21",
|
||||
"@antmjs/plugin-h5-fix": "^2.3.21",
|
||||
"@antmjs/plugin-mini-fix": "^2.3.21",
|
||||
"@babel/core": "^7.12.9",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
|
||||
"@tarojs/cli": "3.6.14",
|
||||
"@tarojs/webpack5-runner": "3.6.14",
|
||||
"@types/react": "^18.0.26",
|
||||
"@types/react-dom": "^18.0.10",
|
||||
"@types/webpack-env": "^1.13.6",
|
||||
"@typescript-eslint/eslint-plugin": "^5.20.0",
|
||||
"@typescript-eslint/parser": "^5.20.0",
|
||||
"babel-plugin-import": "^1.13.5",
|
||||
"babel-preset-taro": "3.6.14",
|
||||
"eslint": "^8.12.0",
|
||||
"eslint-config-taro": "3.6.14",
|
||||
"eslint-plugin-import": "^2.12.0",
|
||||
"eslint-plugin-react": "^7.8.2",
|
||||
"eslint-plugin-react-hooks": "^4.2.0",
|
||||
"react-refresh": "^0.11.0",
|
||||
"stylelint": "^13.13.1",
|
||||
"typescript": "^4.1.0",
|
||||
"webpack": "5.69.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component2": true,
|
||||
"enableAppxNg": true,
|
||||
"enableParallelLoader": false,
|
||||
"enableHMR": false
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"miniprogramRoot": "./",
|
||||
"projectname": "pure-project-vantui",
|
||||
"description": "",
|
||||
"appid": "wx7ed74d60503b5ee3",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": false,
|
||||
"postcss": false,
|
||||
"minified": false,
|
||||
"enhance": false
|
||||
},
|
||||
"compileType": "miniprogram"
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"compileType": "miniprogram",
|
||||
"miniprogramRoot": "./src",
|
||||
"component2": true,
|
||||
"enableAppxNg": true
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"miniprogramRoot": "./",
|
||||
"projectname": "pure-project-vantui",
|
||||
"description": "",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": false,
|
||||
"postcss": false,
|
||||
"minified": false,
|
||||
"enhance": false
|
||||
},
|
||||
"compileType": "miniprogram"
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"miniprogramRoot": "./",
|
||||
"projectname": "pure-project-vantui",
|
||||
"description": "",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": false,
|
||||
"postcss": false,
|
||||
"minified": false,
|
||||
"enhance": false
|
||||
},
|
||||
"compileType": "miniprogram"
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"projectname": "pure-project-vantui",
|
||||
"miniprogramRoot": "./",
|
||||
"compilation-args": {
|
||||
"common": {
|
||||
"ignorePrefixCss": true,
|
||||
"ignoreTransJs": true,
|
||||
"ignoreUglify": true
|
||||
}
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": false,
|
||||
"minified": false,
|
||||
"postcss": false,
|
||||
"enhance": false
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"miniprogramRoot": "./",
|
||||
"projectname": "pure-project-vantui",
|
||||
"setting": {
|
||||
"urlCheck": true,
|
||||
"es6": false,
|
||||
"minified": false,
|
||||
"postcss": false
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
export default defineAppConfig({
|
||||
pages: [
|
||||
'pages/index/index',
|
||||
],
|
||||
window: {
|
||||
backgroundTextStyle: 'light',
|
||||
navigationBarBackgroundColor: '#fff',
|
||||
navigationBarTitleText: 'WeChat',
|
||||
navigationBarTextStyle: 'black'
|
||||
},
|
||||
animation: false,
|
||||
}
|
||||
)
|
||||
@@ -0,0 +1,44 @@
|
||||
@import '@antmjs/vantui/lib/index.less';
|
||||
|
||||
page {
|
||||
background: @pageBack;
|
||||
font-size: 28px;
|
||||
font-family: @base-font-family;
|
||||
color: @black;
|
||||
}
|
||||
|
||||
view,
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
// NOTE: taro h5 ios上拉遮挡底部fixed元素
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.van-cell-group--inset {
|
||||
background: @white;
|
||||
box-shadow: 0 14px 80px 0 rgba(138, 149, 158, 0.2);
|
||||
}
|
||||
|
||||
.van-cell__label {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
// 可以用的类
|
||||
// .van-hairline,
|
||||
// .van-hairline--top,
|
||||
// .van-hairline--left,
|
||||
// .van-hairline--right,
|
||||
// .van-hairline--bottom,
|
||||
// .van-hairline--top-bottom,
|
||||
// .van-hairline--surround
|
||||
// .van-ellipsis
|
||||
// .van-multi-ellipsis--l2
|
||||
// .van-multi-ellipsis--l3
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
import { Component } from 'react'
|
||||
import './app.less'
|
||||
|
||||
class App extends Component {
|
||||
|
||||
componentDidMount () {}
|
||||
|
||||
componentDidShow () {}
|
||||
|
||||
componentDidHide () {}
|
||||
|
||||
componentDidCatchError () {}
|
||||
|
||||
// this.props.children 是将要会渲染的页面
|
||||
render () {
|
||||
return this.props.children
|
||||
}
|
||||
}
|
||||
|
||||
export default App
|
||||
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-touch-fullscreen" content="yes">
|
||||
<meta name="format-detection" content="telephone=no,address=no">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
|
||||
<title>antmjs</title>
|
||||
<script crossorigin="anonymous" src="https://polyfill.alicdn.com/polyfill.min.js?features=es2015%2Ces2016%2Ces2017%2Ces2018%2Ces2019%2Ces2020%2Ces2021%2Ces2022"></script>
|
||||
<script><%= htmlWebpackPlugin.options.script %></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,3 @@
|
||||
export default definePageConfig({
|
||||
navigationBarTitleText: '首页'
|
||||
})
|
||||
@@ -0,0 +1,34 @@
|
||||
import { View } from '@tarojs/components'
|
||||
import { Button } from '@antmjs/vantui'
|
||||
import './index.less'
|
||||
|
||||
export default function Index() {
|
||||
return (
|
||||
<View className='index'>
|
||||
<View><Button type='primary'>Hello world!</Button></View>
|
||||
<View>上面的按钮的颜色已经通过全局主题重写覆盖了，参见src/styles/index.less</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
// export default class Index extends Component {
|
||||
|
||||
// componentWillMount () { }
|
||||
|
||||
// componentDidMount () { }
|
||||
|
||||
// componentWillUnmount () { }
|
||||
|
||||
// componentDidShow () { }
|
||||
|
||||
// componentDidHide () { }
|
||||
|
||||
// render () {
|
||||
// return (
|
||||
// <View className='index'>
|
||||
// <View><Button type='primary'>Hello world!</Button></View>
|
||||
// <View>上面的按钮的颜色已经通过全局主题重写覆盖了，参见src/style/index.less</View>
|
||||
// </View>
|
||||
// )
|
||||
// }
|
||||
// }
|
||||
@@ -0,0 +1,73 @@
|
||||
@import '@antmjs/vantui/es/style/var.less';
|
||||
|
||||
// 这里可以重写主题
|
||||
@black: #1a1a1a;
|
||||
@white: #f7f7f7;
|
||||
@gray-1: #f7f8fa;
|
||||
@gray-2: #f2f3f5;
|
||||
@gray-3: #ededed;
|
||||
@gray-4: #dcdee0;
|
||||
@gray-5: #c8c9cc;
|
||||
@gray-6: #969799;
|
||||
@gray-7: #646566;
|
||||
@gray-8: #323233;
|
||||
@red: #ee0a24;
|
||||
@blue: #1989fa;
|
||||
@orange: #ff976a;
|
||||
@orange-dark: #ed6a0c;
|
||||
@orange-light: #fffbe8;
|
||||
@green: #0a4d2b;
|
||||
|
||||
@pageBack: @gray-3;
|
||||
@navBack: rgba(237, 237, 237, 0.9);
|
||||
@popup-background-color: @gray-3;
|
||||
@backDropFilter: blur(20px);
|
||||
|
||||
@popup-close-icon-color: @gray-5;
|
||||
@popup-close-icon-size: 40px;
|
||||
@popup-close-icon-margin: 24px;
|
||||
@button-plain-background-color: @gray-4;
|
||||
|
||||
// z-index
|
||||
@sticky-z-index: 800;
|
||||
@tabbar-z-index: 805;
|
||||
@navbar-z-index: 805;
|
||||
@goods-action-z-index: 806;
|
||||
@submit-bar-z-index: 806;
|
||||
@overlay-z-index: 1000;
|
||||
@dropdown-z-index: 1000;
|
||||
@popup-z-index: 1010;
|
||||
@popup-close-icon-z-index: 1010;
|
||||
@notify-z-index: 1500;
|
||||
|
||||
// Padding or Margin
|
||||
@padding-base: 8px;
|
||||
@padding-xs: @padding-base * 2;
|
||||
@padding-sm: @padding-base * 3;
|
||||
@padding-md: @padding-base * 4;
|
||||
@padding-lg: @padding-base * 6;
|
||||
@padding-xl: @padding-base * 8;
|
||||
|
||||
// Font
|
||||
@font-size-xs: 20px;
|
||||
@font-size-sm: 24px;
|
||||
@font-size-md: 28px;
|
||||
@font-size-lg: 32px;
|
||||
@font-weight-bold: 500;
|
||||
@line-height-xs: 28px;
|
||||
@line-height-sm: 36px;
|
||||
@line-height-md: 40px;
|
||||
@line-height-lg: 44px;
|
||||
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
|
||||
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
|
||||
'Microsoft Yahei', sans-serif;
|
||||
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
|
||||
sans-serif;
|
||||
|
||||
// Border
|
||||
@border-color: @gray-3;
|
||||
@border-width-base: 2px;
|
||||
@border-radius-sm: 4px;
|
||||
@border-radius-md: 8px;
|
||||
@border-radius-lg: 16px;
|
||||
@border-radius-max: 999px;
|
||||
@@ -0,0 +1,27 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es2017",
|
||||
"module": "commonjs",
|
||||
"removeComments": false,
|
||||
"preserveConstEnums": true,
|
||||
"moduleResolution": "node",
|
||||
"experimentalDecorators": true,
|
||||
"noImplicitAny": false,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"outDir": "lib",
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"strictNullChecks": true,
|
||||
"sourceMap": true,
|
||||
"baseUrl": ".",
|
||||
"rootDir": ".",
|
||||
"jsx": "react-jsx",
|
||||
"allowJs": true,
|
||||
"resolveJsonModule": true,
|
||||
"typeRoots": [
|
||||
"node_modules/@types"
|
||||
]
|
||||
},
|
||||
"include": ["./src", "./types"],
|
||||
"compileOnSave": false
|
||||
}
|
||||
Vendored
+19
@@ -0,0 +1,19 @@
|
||||
/// <reference types="@tarojs/taro" />
|
||||
|
||||
declare module '*.png';
|
||||
declare module '*.gif';
|
||||
declare module '*.jpg';
|
||||
declare module '*.jpeg';
|
||||
declare module '*.svg';
|
||||
declare module '*.css';
|
||||
declare module '*.less';
|
||||
declare module '*.scss';
|
||||
declare module '*.sass';
|
||||
declare module '*.styl';
|
||||
|
||||
declare namespace NodeJS {
|
||||
interface ProcessEnv {
|
||||
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user