init
This commit is contained in:
commit
83f15eb992
|
@ -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,2 @@
|
||||||
|
# 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
|
||||||
|
# TARO_APP_ID="开发环境下的小程序appid"
|
|
@ -0,0 +1 @@
|
||||||
|
# TARO_APP_ID="生产环境下的小程序appid"
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"extends": ["taro/react"],
|
||||||
|
"rules": {
|
||||||
|
"react/jsx-uses-react": "off",
|
||||||
|
"react/react-in-jsx-scope": "off"
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,7 @@
|
||||||
|
dist/
|
||||||
|
deploy_versions/
|
||||||
|
.temp/
|
||||||
|
.rn_temp/
|
||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
.swc
|
|
@ -0,0 +1,12 @@
|
||||||
|
import TestUtils from '@tarojs/test-utils-react'
|
||||||
|
|
||||||
|
describe('Testing', () => {
|
||||||
|
|
||||||
|
test('Test', async () => {
|
||||||
|
const testUtils = new TestUtils()
|
||||||
|
await testUtils.createApp()
|
||||||
|
await testUtils.PageLifecycle.onShow('pages/index/index')
|
||||||
|
expect(testUtils.html()).toMatchSnapshot()
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
|
@ -0,0 +1,10 @@
|
||||||
|
// babel-preset-taro 更多选项和默认值:
|
||||||
|
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
|
||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
['taro', {
|
||||||
|
framework: 'react',
|
||||||
|
ts: true
|
||||||
|
}]
|
||||||
|
]
|
||||||
|
}
|
|
@ -0,0 +1,6 @@
|
||||||
|
import type { UserConfigExport } from "@tarojs/cli";
|
||||||
|
export default {
|
||||||
|
|
||||||
|
mini: {},
|
||||||
|
h5: {}
|
||||||
|
} satisfies UserConfigExport
|
|
@ -0,0 +1,102 @@
|
||||||
|
import { defineConfig, type UserConfigExport } from '@tarojs/cli'
|
||||||
|
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
|
||||||
|
import devConfig from './dev'
|
||||||
|
import prodConfig from './prod'
|
||||||
|
|
||||||
|
// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
|
||||||
|
export default defineConfig(async (merge, { command, mode }) => {
|
||||||
|
const baseConfig: UserConfigExport = {
|
||||||
|
projectName: 'cleanMask',
|
||||||
|
date: '2024-7-14',
|
||||||
|
designWidth: 750,
|
||||||
|
deviceRatio: {
|
||||||
|
640: 2.34 / 2,
|
||||||
|
750: 1,
|
||||||
|
375: 2,
|
||||||
|
828: 1.81 / 2
|
||||||
|
},
|
||||||
|
sourceRoot: 'src',
|
||||||
|
outputRoot: 'dist',
|
||||||
|
plugins: [],
|
||||||
|
defineConstants: {
|
||||||
|
},
|
||||||
|
copy: {
|
||||||
|
patterns: [
|
||||||
|
],
|
||||||
|
options: {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
framework: 'react',
|
||||||
|
compiler: 'webpack4',
|
||||||
|
mini: {
|
||||||
|
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]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
h5: {
|
||||||
|
publicPath: '/',
|
||||||
|
staticDirectory: 'static',
|
||||||
|
esnextModules: ['taro-ui'],
|
||||||
|
output: {
|
||||||
|
filename: 'js/[name].[hash:8].js',
|
||||||
|
chunkFilename: 'js/[name].[chunkhash:8].js'
|
||||||
|
},
|
||||||
|
miniCssExtractPluginOption: {
|
||||||
|
ignoreOrder: true,
|
||||||
|
filename: 'css/[name].[hash].css',
|
||||||
|
chunkFilename: 'css/[name].[chunkhash].css'
|
||||||
|
},
|
||||||
|
postcss: {
|
||||||
|
autoprefixer: {
|
||||||
|
enable: true,
|
||||||
|
config: {}
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: 'module', // 转换模式,取值为 global/module
|
||||||
|
generateScopedName: '[name]__[local]___[hash:base64:5]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
webpackChain(chain) {
|
||||||
|
chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
rn: {
|
||||||
|
appName: 'taroDemo',
|
||||||
|
postcss: {
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (process.env.NODE_ENV === 'development') {
|
||||||
|
// 本地开发构建配置(不混淆压缩)
|
||||||
|
return merge({}, baseConfig, devConfig)
|
||||||
|
}
|
||||||
|
// 生产构建配置(默认开启压缩混淆等)
|
||||||
|
return merge({}, baseConfig, prodConfig)
|
||||||
|
})
|
|
@ -0,0 +1,32 @@
|
||||||
|
import type { UserConfigExport } from "@tarojs/cli";
|
||||||
|
export default {
|
||||||
|
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') })
|
||||||
|
// }))
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
} satisfies UserConfigExport
|
|
@ -0,0 +1,6 @@
|
||||||
|
const defineJestConfig = require('@tarojs/test-utils-react/dist/jest.js').default
|
||||||
|
|
||||||
|
module.exports = defineJestConfig({
|
||||||
|
testEnvironment: 'jsdom',
|
||||||
|
testMatch: ['<rootDir>/__tests__/**/*.(spec|test).[jt]s?(x)']
|
||||||
|
})
|
|
@ -0,0 +1,91 @@
|
||||||
|
{
|
||||||
|
"name": "cleanMask",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"description": " 去水印小程序",
|
||||||
|
"templateInfo": {
|
||||||
|
"name": "default",
|
||||||
|
"typescript": true,
|
||||||
|
"css": "Sass",
|
||||||
|
"framework": "React"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build:weapp": "taro build --type weapp",
|
||||||
|
"build:swan": "taro build --type swan",
|
||||||
|
"build:alipay": "taro build --type alipay",
|
||||||
|
"build:tt": "taro build --type tt",
|
||||||
|
"build:h5": "taro build --type h5",
|
||||||
|
"build:rn": "taro build --type rn",
|
||||||
|
"build:qq": "taro build --type qq",
|
||||||
|
"build:jd": "taro build --type jd",
|
||||||
|
"build:quickapp": "taro build --type quickapp",
|
||||||
|
"build:harmony-hybrid": "taro build --type harmony-hybrid",
|
||||||
|
"dev:weapp": "npm run build:weapp -- --watch",
|
||||||
|
"dev:swan": "npm run build:swan -- --watch",
|
||||||
|
"dev:alipay": "npm run build:alipay -- --watch",
|
||||||
|
"dev:tt": "npm run build:tt -- --watch",
|
||||||
|
"dev:h5": "npm run build:h5 -- --watch",
|
||||||
|
"dev:rn": "npm run build:rn -- --watch",
|
||||||
|
"dev:qq": "npm run build:qq -- --watch",
|
||||||
|
"dev:jd": "npm run build:jd -- --watch",
|
||||||
|
"dev:quickapp": "npm run build:quickapp -- --watch",
|
||||||
|
"dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch",
|
||||||
|
"test": "jest"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"last 3 versions",
|
||||||
|
"Android >= 4.1",
|
||||||
|
"ios >= 8"
|
||||||
|
],
|
||||||
|
"author": "",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.21.5",
|
||||||
|
"@tarojs/components": "3.6.34",
|
||||||
|
"@tarojs/helper": "3.6.34",
|
||||||
|
"@tarojs/plugin-framework-react": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-alipay": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-h5": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-harmony-hybrid": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-jd": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-qq": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-swan": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-tt": "3.6.34",
|
||||||
|
"@tarojs/plugin-platform-weapp": "3.6.34",
|
||||||
|
"@tarojs/react": "3.6.34",
|
||||||
|
"@tarojs/runtime": "3.6.34",
|
||||||
|
"@tarojs/shared": "3.6.34",
|
||||||
|
"@tarojs/taro": "3.6.34",
|
||||||
|
"react": "^18.0.0",
|
||||||
|
"react-dom": "^18.0.0",
|
||||||
|
"taro-ui": "^3.3.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.8.0",
|
||||||
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
|
||||||
|
"@tarojs/cli": "3.6.34",
|
||||||
|
"@tarojs/mini-runner": "3.6.34",
|
||||||
|
"@tarojs/test-utils-react": "^0.1.1",
|
||||||
|
"@tarojs/webpack-runner": "3.6.34",
|
||||||
|
"@types/jest": "^29.3.1",
|
||||||
|
"@types/node": "^18.15.11",
|
||||||
|
"@types/react": "^18.0.0",
|
||||||
|
"@types/webpack-env": "^1.13.6",
|
||||||
|
"@typescript-eslint/eslint-plugin": "^6.2.0",
|
||||||
|
"@typescript-eslint/parser": "^6.2.0",
|
||||||
|
"babel-preset-taro": "3.6.34",
|
||||||
|
"eslint": "^8.12.0",
|
||||||
|
"eslint-config-taro": "3.6.34",
|
||||||
|
"eslint-plugin-import": "^2.12.0",
|
||||||
|
"eslint-plugin-react": "^7.8.2",
|
||||||
|
"eslint-plugin-react-hooks": "^4.2.0",
|
||||||
|
"jest": "^29.3.1",
|
||||||
|
"jest-environment-jsdom": "^29.5.0",
|
||||||
|
"postcss": "^8.4.18",
|
||||||
|
"react-refresh": "^0.11.0",
|
||||||
|
"stylelint": "^14.4.0",
|
||||||
|
"ts-node": "^10.9.1",
|
||||||
|
"tsconfig-paths-webpack-plugin": "^4.1.0",
|
||||||
|
"typescript": "^5.1.0",
|
||||||
|
"webpack": "4.46.0"
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,32 @@
|
||||||
|
{
|
||||||
|
"miniprogramRoot": "dist/",
|
||||||
|
"projectname": "cleanMask",
|
||||||
|
"description": " 去水印小程序",
|
||||||
|
"appid": "wxa06df68f9b7530eb",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"enhance": false,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false,
|
||||||
|
"babelSetting": {
|
||||||
|
"ignore": [],
|
||||||
|
"disablePlugins": [],
|
||||||
|
"outputPath": ""
|
||||||
|
},
|
||||||
|
"condition": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"libVersion": "3.5.0",
|
||||||
|
"srcMiniprogramRoot": "dist/",
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": [],
|
||||||
|
"include": []
|
||||||
|
},
|
||||||
|
"condition": {},
|
||||||
|
"editorSetting": {
|
||||||
|
"tabIndent": "insertSpaces",
|
||||||
|
"tabSize": 2
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
||||||
|
"projectname": "cleanMask",
|
||||||
|
"setting": {
|
||||||
|
"compileHotReLoad": true,
|
||||||
|
"urlCheck": false
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"miniprogramRoot": "./",
|
||||||
|
"projectname": "cleanMask",
|
||||||
|
"appid": "wxa06df68f9b7530eb",
|
||||||
|
"setting": {
|
||||||
|
"es6": false,
|
||||||
|
"minified": false
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,12 @@
|
||||||
|
export default defineAppConfig({
|
||||||
|
pages: [
|
||||||
|
'pages/index/index',
|
||||||
|
'pages/guide/index'
|
||||||
|
],
|
||||||
|
window: {
|
||||||
|
backgroundTextStyle: 'light',
|
||||||
|
navigationBarBackgroundColor: '#fff',
|
||||||
|
navigationBarTitleText: 'WeChat',
|
||||||
|
navigationBarTextStyle: 'black'
|
||||||
|
}
|
||||||
|
})
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { PropsWithChildren } from 'react'
|
||||||
|
import { useLaunch } from '@tarojs/taro'
|
||||||
|
import 'taro-ui/dist/style/index.scss'
|
||||||
|
import './app.scss'
|
||||||
|
|
||||||
|
function App({ children }: PropsWithChildren<any>) {
|
||||||
|
|
||||||
|
useLaunch(() => {
|
||||||
|
console.log('App launched.')
|
||||||
|
})
|
||||||
|
|
||||||
|
// children 是将要会渲染的页面
|
||||||
|
return children
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App
|
|
@ -0,0 +1,17 @@
|
||||||
|
<!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>cleanMask</title>
|
||||||
|
<script><%= htmlWebpackPlugin.options.script %></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,3 @@
|
||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: '首页'
|
||||||
|
})
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { View, Text } from '@tarojs/components'
|
||||||
|
import { useLoad } from '@tarojs/taro'
|
||||||
|
import './index.scss'
|
||||||
|
|
||||||
|
export default function Index() {
|
||||||
|
|
||||||
|
useLoad(() => {
|
||||||
|
console.log('Page loaded.')
|
||||||
|
})
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className='index'>
|
||||||
|
<Text>Hello world yezian</Text>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
|
@ -0,0 +1,3 @@
|
||||||
|
export default definePageConfig({
|
||||||
|
navigationBarTitleText: ' 最优解去水印'
|
||||||
|
})
|
|
@ -0,0 +1,33 @@
|
||||||
|
.container {
|
||||||
|
padding: 20px;
|
||||||
|
.outsideLink {
|
||||||
|
padding: 8px 4px;
|
||||||
|
background-color: #fafafa;
|
||||||
|
border: 1px #c6c6c6 solid;
|
||||||
|
}
|
||||||
|
.btns {
|
||||||
|
margin: 16px 0 0 0 ;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.at-button {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.results {
|
||||||
|
margin-top: 40px;
|
||||||
|
.resultContainer {
|
||||||
|
width: 100%;
|
||||||
|
height: 200Px;
|
||||||
|
background-color: black;
|
||||||
|
.video {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,89 @@
|
||||||
|
import { View, Image, Video, Text } from '@tarojs/components'
|
||||||
|
import { AtButton, AtTextarea, AtTabs, AtTabsPane } from 'taro-ui'
|
||||||
|
import { useLoad, getClipboardData, downloadFile } from '@tarojs/taro'
|
||||||
|
import { useState } from 'react'
|
||||||
|
import request from '../../request/index'
|
||||||
|
|
||||||
|
import './index.scss'
|
||||||
|
|
||||||
|
export default function Index() {
|
||||||
|
|
||||||
|
useLoad(() => {
|
||||||
|
console.log('Page loaded.')
|
||||||
|
})
|
||||||
|
|
||||||
|
const [val, setVal] = useState('')
|
||||||
|
const [tab, setTab] = useState(0)
|
||||||
|
const [result, setResult] = useState<{ video_urls?: string[], cover_url?: string, music_url?: string }>({})
|
||||||
|
const tabList = [{ title: '视频' }, { title: '图片' }, { title: '文案' },]
|
||||||
|
const onTextChange = (text) => {
|
||||||
|
setVal(text)
|
||||||
|
}
|
||||||
|
// https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000cq8gapvog65n0sekhcd0&line=0&file_id=1814743a48a44ca3a07bfc026df1364f&sign=7a7033f1d9e283a264c8a776543cc14c&is_play_url=1&source=PackSourceEnum_AWEME_DETAIL
|
||||||
|
const onCopy = () => {
|
||||||
|
getClipboardData({
|
||||||
|
success: v => {
|
||||||
|
setVal(v.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const onSubmit = () => {
|
||||||
|
request({ url: '/get_dy_urls', data: { share_url: val } }).then(v => {
|
||||||
|
console.log(v.data)
|
||||||
|
setResult(v.data)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const onTabChange = (cur) => {
|
||||||
|
setTab(cur)
|
||||||
|
}
|
||||||
|
|
||||||
|
const onDownloadVideo = () => {
|
||||||
|
downloadFile({
|
||||||
|
url: 'https://v3-web.douyinvod.com/5835eae665c94981838e281e13498219/669502f5/video/tos/cn/tos-cn-ve-15/oEiKUDOzSABIAszQi3xICeQBDzRfEO1HABagIB/?a=6383&ch=26&cr=3&dr=0&lr=all&cd=0%7C0%7C0%7C3&cv=1&br=943&bt=943&cs=0&ds=4&ft=LjhJEL998xHtu4kmD0P5XEhX.xiXv_dexVJENvPW0bPD-Ipz&mime_type=video_mp4&qs=0&rc=aTk0ZzVmZTM2Zjc7ZDc3O0BpM2ZudnE5cnNqdDMzNGkzM0AxMGMzLWM0Xl4xXjEwNC4uYSNhZWItMmRzXjVgLS1kLTBzcw%3D%3D&btag=c0000e00010000&cquery=100B_100x_100z_100o_100w&dy_q=1721030826&feature_id=46a7bb47b4fd1280f3d3825bf2b29388&l=20240715160706D6A470FBE72B5F00FF8C',
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<View className='container'>
|
||||||
|
<AtTextarea count={false} placeholder="请输入视频的页面网址/分享内容" value={val} onChange={onTextChange}></AtTextarea>
|
||||||
|
<View className="btns">
|
||||||
|
<AtButton full={false} onClick={onCopy}>粘贴</AtButton>
|
||||||
|
<AtButton full={false} type="primary" onClick={onSubmit}>提交</AtButton>
|
||||||
|
</View>
|
||||||
|
<View className="results">
|
||||||
|
{<AtTabs tabList={tabList} current={tab} onClick={onTabChange}>
|
||||||
|
<AtTabsPane current={tab} index={0}>
|
||||||
|
<View className="resultContainer">
|
||||||
|
<Video
|
||||||
|
className="video"
|
||||||
|
object-fit="contain"
|
||||||
|
controls={true}
|
||||||
|
src='https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000cq8gapvog65n0sekhcd0&line=0&file_id=1814743a48a44ca3a07bfc026df1364f&sign=7a7033f1d9e283a264c8a776543cc14c&is_play_url=1&source=PackSourceEnum_AWEME_DETAIL'
|
||||||
|
initialTime={0}
|
||||||
|
autoplay={false}
|
||||||
|
loop={false}
|
||||||
|
muted={false}
|
||||||
|
/>
|
||||||
|
|
||||||
|
</View>
|
||||||
|
<AtButton onClick={onDownloadVideo}>下载</AtButton>
|
||||||
|
</AtTabsPane>
|
||||||
|
<AtTabsPane current={tab} index={1}>
|
||||||
|
<View className="resultContainer">
|
||||||
|
<Image className="image" mode="aspectFit" src={result.cover_url!} />
|
||||||
|
</View>
|
||||||
|
</AtTabsPane>
|
||||||
|
<AtTabsPane current={tab} index={2}>
|
||||||
|
<View className="resultContainer">
|
||||||
|
<Text></Text>
|
||||||
|
</View>
|
||||||
|
</AtTabsPane>
|
||||||
|
</AtTabs>}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
|
@ -0,0 +1,18 @@
|
||||||
|
import {request} from '@tarojs/taro'
|
||||||
|
|
||||||
|
const host = "http://120.26.14.251:9999"
|
||||||
|
const http = (p) => {
|
||||||
|
const {url, data, ...rest} = p
|
||||||
|
const finalUrl = `${host}${url}`
|
||||||
|
return request({
|
||||||
|
url: finalUrl,
|
||||||
|
data,
|
||||||
|
method: "POST",
|
||||||
|
header: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
...rest,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export default http
|
|
@ -0,0 +1,30 @@
|
||||||
|
{
|
||||||
|
"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,
|
||||||
|
"rootDir": ".",
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"allowJs": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"typeRoots": [
|
||||||
|
"node_modules/@types"
|
||||||
|
],
|
||||||
|
"paths": {
|
||||||
|
// TS5090 leading './'
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["./src", "./types", "./config"],
|
||||||
|
"compileOnSave": false
|
||||||
|
}
|
|
@ -0,0 +1,29 @@
|
||||||
|
/// <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 {
|
||||||
|
/** NODE 内置环境变量, 会影响到最终构建生成产物 */
|
||||||
|
NODE_ENV: 'development' | 'production',
|
||||||
|
/** 当前构建的平台 */
|
||||||
|
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
|
||||||
|
/**
|
||||||
|
* 当前构建的小程序 appid
|
||||||
|
* @description 若不同环境有不同的小程序,可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid, 而不必手动去修改 dist/project.config.json 文件
|
||||||
|
* @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
|
||||||
|
*/
|
||||||
|
TARO_APP_ID: string
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue