Skip to content

Commit 8981130

Browse files
author
yangfan36
committed
taro 小程序的导航选中
1 parent c894b34 commit 8981130

21 files changed

+11178
-0
lines changed

‎scrollTopDemo/.editorconfig

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# http://editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_style = space
6+
indent_size = 2
7+
charset = utf-8
8+
trim_trailing_whitespace = true
9+
insert_final_newline = true
10+
11+
[*.md]
12+
trim_trailing_whitespace = false

‎scrollTopDemo/.eslintrc

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"extends": ["taro/react"],
3+
"rules": {
4+
"react/jsx-uses-react": "off",
5+
"react/react-in-jsx-scope": "off"
6+
}
7+
}

‎scrollTopDemo/.gitignore

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
dist/
2+
deploy_versions/
3+
.temp/
4+
.rn_temp/
5+
node_modules/
6+
.DS_Store

‎scrollTopDemo/babel.config.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
// babel-preset-taro 更多选项和默认值：
2+
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
3+
module.exports = {
4+
presets: [
5+
['taro', {
6+
framework: 'react',
7+
ts: false
8+
}]
9+
]
10+
}

‎scrollTopDemo/config/dev.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
module.exports = {
2+
env: {
3+
NODE_ENV: '"development"'
4+
},
5+
defineConstants: {
6+
},
7+
mini: {},
8+
h5: {}
9+
}

‎scrollTopDemo/config/index.js

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
const config = {
2+
projectName: 'scrollTopDemo',
3+
date: '2021-12-13',
4+
designWidth: 750,
5+
deviceRatio: {
6+
640: 2.34 / 2,
7+
750: 1,
8+
828: 1.81 / 2
9+
},
10+
sourceRoot: 'src',
11+
outputRoot: 'dist',
12+
plugins: [],
13+
defineConstants: {
14+
},
15+
copy: {
16+
patterns: [
17+
],
18+
options: {
19+
}
20+
},
21+
framework: 'react',
22+
mini: {
23+
postcss: {
24+
pxtransform: {
25+
enable: true,
26+
config: {
27+
28+
}
29+
},
30+
url: {
31+
enable: true,
32+
config: {
33+
limit: 1024 // 设定转换尺寸上限
34+
}
35+
},
36+
cssModules: {
37+
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
38+
config: {
39+
namingPattern: 'module', // 转换模式，取值为 global/module
40+
generateScopedName: '[name]__[local]___[hash:base64:5]'
41+
}
42+
}
43+
}
44+
},
45+
h5: {
46+
publicPath: '/',
47+
staticDirectory: 'static',
48+
postcss: {
49+
autoprefixer: {
50+
enable: true,
51+
config: {
52+
}
53+
},
54+
cssModules: {
55+
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
56+
config: {
57+
namingPattern: 'module', // 转换模式，取值为 global/module
58+
generateScopedName: '[name]__[local]___[hash:base64:5]'
59+
}
60+
}
61+
}
62+
}
63+
}
64+
65+
module.exports = function (merge) {
66+
if (process.env.NODE_ENV === 'development') {
67+
return merge({}, config, require('./dev'))
68+
}
69+
return merge({}, config, require('./prod'))
70+
}

‎scrollTopDemo/config/prod.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
module.exports = {
2+
env: {
3+
NODE_ENV: '"production"'
4+
},
5+
defineConstants: {
6+
},
7+
mini: {},
8+
h5: {
9+
/**
10+
* 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
11+
* 参考代码如下：
12+
* webpackChain (chain) {
13+
* chain.plugin('analyzer')
14+
* .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
15+
* }
16+
*/
17+
}
18+
}

‎scrollTopDemo/package.json

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
{
2+
"name": "scrollTopDemo",
3+
"version": "1.0.0",
4+
"private": true,
5+
"description": "",
6+
"templateInfo": {
7+
"name": "default",
8+
"typescript": false,
9+
"css": "sass"
10+
},
11+
"scripts": {
12+
"build:weapp": "taro build --type weapp",
13+
"build:swan": "taro build --type swan",
14+
"build:alipay": "taro build --type alipay",
15+
"build:tt": "taro build --type tt",
16+
"build:h5": "taro build --type h5",
17+
"build:rn": "taro build --type rn",
18+
"build:qq": "taro build --type qq",
19+
"build:jd": "taro build --type jd",
20+
"build:quickapp": "taro build --type quickapp",
21+
"dev:weapp": "npm run build:weapp -- --watch",
22+
"dev:swan": "npm run build:swan -- --watch",
23+
"dev:alipay": "npm run build:alipay -- --watch",
24+
"dev:tt": "npm run build:tt -- --watch",
25+
"dev:h5": "npm run build:h5 -- --watch",
26+
"dev:rn": "npm run build:rn -- --watch",
27+
"dev:qq": "npm run build:qq -- --watch",
28+
"dev:jd": "npm run build:jd -- --watch",
29+
"dev:quickapp": "npm run build:quickapp -- --watch"
30+
},
31+
"browserslist": [
32+
"last 3 versions",
33+
"Android >= 4.1",
34+
"ios >= 8"
35+
],
36+
"author": "",
37+
"dependencies": {
38+
"@babel/runtime": "^7.7.7",
39+
"@tarojs/components": "3.3.0",
40+
"@tarojs/react": "3.3.0",
41+
"@tarojs/runtime": "3.3.0",
42+
"@tarojs/taro": "3.3.0",
43+
"lodash": "^4.17.21",
44+
"react": "^17.0.0",
45+
"react-dom": "^17.0.0"
46+
},
47+
"devDependencies": {
48+
"@babel/core": "^7.8.0",
49+
"@tarojs/mini-runner": "3.3.0",
50+
"@tarojs/webpack-runner": "3.3.0",
51+
"@types/react": "^17.0.2",
52+
"@types/webpack-env": "^1.13.6",
53+
"babel-preset-taro": "3.3.0",
54+
"eslint": "^6.8.0",
55+
"eslint-config-taro": "3.3.0",
56+
"eslint-plugin-import": "^2.12.0",
57+
"eslint-plugin-react": "^7.8.2",
58+
"eslint-plugin-react-hooks": "^4.2.0",
59+
"stylelint": "9.3.0"
60+
}
61+
}

‎scrollTopDemo/project.config.json

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"miniprogramRoot": "./dist",
3+
"projectname": "scrollTopDemo",
4+
"description": "",
5+
"appid": "touristappid",
6+
"setting": {
7+
"urlCheck": true,
8+
"es6": false,
9+
"postcss": false,
10+
"minified": false
11+
},
12+
"compileType": "miniprogram"
13+
}

‎scrollTopDemo/project.tt.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"miniprogramRoot": "./",
3+
"projectname": "scrollTopDemo",
4+
"appid": "touristappid",
5+
"setting": {
6+
"es6": false,
7+
"minified": false
8+
}
9+
}

‎scrollTopDemo/src/app.config.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
export default {
2+
pages: [
3+
'pages/index/index',
4+
'pages/scrollView/index',
5+
],
6+
window: {
7+
backgroundTextStyle: 'light',
8+
navigationBarBackgroundColor: '#fff',
9+
navigationBarTitleText: 'WeChat',
10+
navigationBarTextStyle: 'black'
11+
}
12+
}

‎scrollTopDemo/src/app.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { Component } from 'react'
2+
import './app.scss'
3+
4+
class App extends Component {
5+
6+
componentDidMount () {}
7+
8+
componentDidShow () {}
9+
10+
componentDidHide () {}
11+
12+
componentDidCatchError () {}
13+
14+
// this.props.children 是将要会渲染的页面
15+
render () {
16+
return this.props.children
17+
}
18+
}
19+
20+
export default App

‎scrollTopDemo/src/app.scss

Whitespace-only changes.

‎scrollTopDemo/src/index.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
5+
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
6+
<meta name="apple-mobile-web-app-capable" content="yes">
7+
<meta name="apple-touch-fullscreen" content="yes">
8+
<meta name="format-detection" content="telephone=no,address=no">
9+
<meta name="apple-mobile-web-app-status-bar-style" content="white">
10+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
11+
<title></title>
12+
<script>
13+
!function(n){function e(){var e=n.document.documentElement,t=e.getBoundingClientRect().width;e.style.fontSize=t>=640?"40px":t<=320?"20px":t/320*20+"px"}n.addEventListener("resize",(function(){e()})),e()}(window);
14+
</script>
15+
</head>
16+
<body>
17+
<div id="app"></div>
18+
</body>
19+
</html>

‎scrollTopDemo/src/pages/index/index.config.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
export default {
2+
navigationBarTitleText: '全局滚动'
3+
}

0 commit comments

Comments
 (0)