wxapp

.editorconfig

@@ -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

.eslintrc

@@ -0,0 +1,7 @@
+{
+  "extends": ["taro/react"],
+  "rules": {
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
+  }
+}

.gitignore

@@ -0,0 +1,6 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store

babel.config.js

@@ -0,0 +1,12 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: false
+    },
+    ]
+  ]
+}
+

config/dev.js

@@ -0,0 +1,9 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {}
+}

config/index.js

@@ -0,0 +1,70 @@
+const config = {
+  projectName: 'hospitalGN',
+  date: '2022-5-6',
+  designWidth: 750,
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'react',
+  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]'
+        }
+      }
+    }
+  },
+  h5: {
+    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]'
+        }
+      }
+    }
+  }
+}
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, config, require('./dev'))
+  }
+  return merge({}, config, require('./prod'))
+}

config/prod.js

@@ -0,0 +1,18 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {
+    /**
+     * 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
+     * 参考代码如下：
+     * webpackChain (chain) {
+     *   chain.plugin('analyzer')
+     *     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+     * }
+     */
+  }
+}

jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  }
+}

package.json

@@ -0,0 +1,61 @@
+{
+  "name": "hospitalGN",
+  "version": "1.0.0",
+  "private": true,
+  "description": "灌南县",
+  "templateInfo": {
+    "name": "default",
+    "typescript": false,
+    "css": "less"
+  },
+  "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",
+    "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"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@antmjs/vantui": "^1.9.2",
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.3.6",
+    "@tarojs/react": "3.3.6",
+    "@tarojs/runtime": "3.3.6",
+    "@tarojs/taro": "3.3.6",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@tarojs/mini-runner": "3.3.6",
+    "@tarojs/webpack-runner": "3.3.6",
+    "@types/react": "^17.0.2",
+    "@types/webpack-env": "^1.13.6",
+    "babel-preset-taro": "3.3.6",
+    "eslint": "^6.8.0",
+    "eslint-config-taro": "3.3.6",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "stylelint": "9.3.0"
+  }
+}

project.config.json

@@ -0,0 +1,13 @@
+{
+  "miniprogramRoot": "./dist",
+  "projectname": "hospitalGN",
+  "description": "灌南县",
+  "appid": "wx06a7372d48d56843",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}

project.tt.json

@@ -0,0 +1,9 @@
+{
+  "miniprogramRoot": "./",
+  "projectname": "hospitalGN",
+  "appid": "touristappid",
+  "setting": {
+    "es6": false,
+    "minified": false
+  }
+}

src/app.config.js

@@ -0,0 +1,12 @@
+export default {
+  pages: [
+    'pages/index/index',
+    'pages/setUserInfo/index',
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+}

src/app.js

@@ -0,0 +1,21 @@
+import { Component } from 'react'
+import '@antmjs/vantui/lib/index.less';
+import './app.less'
+
+class App extends Component {
+
+  componentDidMount () { }
+
+  componentDidShow () { }
+
+  componentDidHide () { }
+
+  componentDidCatchError () { }
+
+  // this.props.children 是将要会渲染的页面
+  render () {
+    return this.props.children
+  }
+}
+
+export default App

src/index.html

@@ -0,0 +1,19 @@
+<!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></title>
+  <script>
+    !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);
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/index/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '身份码',
+  disableScroll: true,
+  usingComponents: {
+  }
+
+}

src/pages/index/index.jsx

@@ -0,0 +1,69 @@
+import { View, Text, Button } from '@tarojs/components'
+import { useEffect, useRef, useState } from 'react'
+
+// import userBck from '../../assets/userBck.png'
+
+
+import './style.less'
+
+
+
+export default (props) => {
+
+  const [showTime, setShowTime] = useState("")
+  const timer = useRef();
+  useEffect(() => {
+    setInterval(() => {
+      const ymd = new Date()
+      const time = ymd.toTimeString().slice(0, 8)
+      var year = ymd.getFullYear();
+      var month = ymd.getMonth();
+      var day = ymd.getDate();
+      const times = `${year}-${month}-${day} ${time}`
+      // //获取时分秒
+      // var h = time.getHours();
+      // var m = time.getMinutes();
+      // var s = time.getSeconds();
+
+      setShowTime(times)
+    }, 1000)
+    return () => {
+      clearInterval(timer.current);
+    };
+
+  }, [])
+
+  const goUserInfo = () => {
+
+    // 跳转到目的页面，在当前页面打开
+    // Taro.redirectTo({
+    //   url: '/pages/setUserInfo/index'
+    // })
+
+  }
+
+
+
+  return (
+    <View className='index-UserQRcode'>
+      {/* <Text>Hello world!</Text> */}
+      {/* <View className='index-UserQRcode-headerInfo' style={{ backgroundImage: `url(${userBck})` }}> */}
+      <View className='index-UserQRcode-headerInfo' >
+        <View className='index-UserQRcode-headerInfo-User'>
+          <View className='index-UserQRcode-headerInfo-User-NameInfo'>姓名：鲍张抄</View>
+          <View className='index-UserQRcode-headerInfo-User-setNameInfo'>+修改信息</View>
+        </View>
+        <View className='index-UserQRcode-headerInfo-UserID'>身份证：320888800110023011</View>
+      </View>
+      <View className='index-UserQRcode-cententQR'>
+        <View className='index-UserQRcode-cententQR-Times'>
+          {showTime}
+        </View>
+      </View>
+    </View>
+  )
+}
+
+
+
+

src/pages/index/style.less

@@ -0,0 +1,46 @@
+.index-UserQRcode {
+  width: 100vw;
+  margin: 0 auto;
+  &-headerInfo {
+    color: white;
+    height: 35vh;
+    background: no-repeat, center center;
+    background-size: 100% 100%;
+    background-color: #5575ee;
+    padding: 0 7vw 0 7vw;
+
+    &-User {
+      display: flex;
+      justify-content: space-between;
+      letter-spacing: 1vw;
+
+      &-NameInfo {
+        font-weight: 600;
+        font-size: 5vw;
+        margin: 5vw 0 3vw 0;
+      }
+      &-setNameInfo {
+        margin: 5vw 0 3vw 0;
+      }
+    }
+    &-UserID {
+      letter-spacing: 0.3vw;
+    }
+  }
+
+  &-cententQR {
+    width: 95%;
+    height: 40vh;
+    box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
+    border-radius: 15px;
+    background-color: white;
+    margin: 0 auto;
+    position: relative;
+    top: -15vh;
+    &-Times {
+      text-align: center;
+      font-weight: 800;
+      font-size: 8vw;
+    }
+  }
+}

src/pages/setUserInfo/index.config.js

@@ -0,0 +1,8 @@
+
+export default {
+  navigationBarTitleText: '个人信息',
+  disableScroll: true,
+  usingComponents: {
+  }
+
+}

src/pages/setUserInfo/index.jsx

@@ -0,0 +1,25 @@
+import { View, Text } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import Taro, { useDidShow } from "@tarojs/taro"
+import { Button } from "@antmjs/vantui"
+
+// import BottomMoadl from '@/components/BottomMoadl/index'
+
+
+
+
+
+
+import './style.less'
+
+export default (props) => {
+
+
+
+  return (
+    <View className='page-index'>
+
+
+    </View>
+  )
+}

src/pages/setUserInfo/style.less

@@ -0,0 +1,59 @@
+.orders-listBox-RihtboxBoxOrderViewText:before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  bottom: -10px;
+  left: 0;
+  border-bottom: 20px dotted rgb(255, 255, 255);
+}
+
+.orders-listBox-RihtboxBoxOrderViewText {
+  width: 85vw;
+  margin: 35px auto 44px auto;
+  padding: 62px 30px 93px 30px;
+  background: #ffffff;
+  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 40px 40px 0px 0px;
+  position: relative;
+
+  .View-LiftTextTop {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    padding-bottom: 20px;
+    padding-top: 0;
+  }
+  View:nth-child(6) {
+    padding-bottom: 40px;
+
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+  > View {
+    padding: 15px 0;
+    font-size: 32px;
+    font-weight: bold;
+    color: #666666;
+    > Text {
+      color: #222222;
+    }
+
+    .feiyongStyle {
+      justify-content: space-between;
+      display: flex;
+      color: #222222;
+      &-charges {
+        background: linear-gradient(180deg, #fa7878 0%, #b61515 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+      &-stateStyle {
+      }
+    }
+  }
+}
+
+.BottomtBut {
+  width: 99vw;
+  position: absolute;
+  bottom: 5vh;
+  display: flex;
+}

src/utils/TimeFormate.js

@@ -0,0 +1,28 @@
+// //日期格式化
+// function getDateByStr (dtStr) {
+//   if (!dtStr) return undefined;
+
+//   const t = dtStr.split(/[-T :]/);
+//   return new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0)
+// }
+
+// export default function formatTimes (dt, fmt) {
+//   if (!dt) return dt;
+
+//   // 解决苹果手机不能正常初始化的问题
+//   const date = typeof dt === 'string' ? getDateByStr(dt) : new Date(dt);
+
+//   var o = {
+//     "M+": date.getMonth() + 1, //月份
+//     "d+": date.getDate(), //日
+//     "h+": date.getHours(), //小时
+//     "m+": date.getMinutes(), //分
+//     "s+": date.getSeconds(), //秒
+//     "q+": Math.floor((date.getMonth() + 3) / 3), //季度
+//     "S": date.getMilliseconds() //毫秒
+//   };
+//   if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+//   for (var k in o)
+//     if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+//   return fmt;
+// };