first commit

2026-07-01 18:50:26 +08:00
commit a9b4d8211c
30 changed files with 12253 additions and 0 deletions
@@ -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
@@ -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;