提交

project.private.config.json

@@ -4,5 +4,6 @@
     "compileHotReLoad": true,
     "urlCheck": true
   },
-  "projectname": "shaoershuhua"
+  "projectname": "shaoershuhua",
+  "condition": {}
 }

src/app.config.ts

@@ -1,6 +1,7 @@
 export default defineAppConfig({
   pages: [
-    'pages/index/index'
+    'pages/index/index',
+    'pages/examine/index',
   ],
   window: {
     backgroundTextStyle: "light",

src/pages/examine/index.config.ts

@@ -0,0 +1,7 @@
+export default definePageConfig({
+  navigationBarBackgroundColor: "#E5CBAA",
+  navigationBarTitleText: "审核",
+  navigationBarTextStyle: "white",
+  usingComponents: {},
+  navigationStyle: "default",
+});

src/pages/examine/index.css

@@ -0,0 +1,66 @@
+@charset "UTF-8";
+.examine {
+  flex-grow: 1;
+  /* 使内容部分填充剩余空间 */
+}
+
+.examine .zuopin {
+  width: 750px;
+  height: 100vh;
+  position: relative;
+}
+
+.examine .zuopin .zuopin_tu {
+  width: 750px;
+  height: 100vh;
+}
+
+.examine .zuopin .zuopin_gongju {
+  box-sizing: border-box;
+  overflow-y: auto;
+  position: absolute;
+  width: 750px;
+  height: 45vh;
+  background-color: rgba(0, 0, 0, 0.5);
+  bottom: 0;
+  padding: 1em;
+  font-size: 28px;
+  color: #FFF;
+  line-height: 1.8em;
+}
+
+.examine .zuopin .zuopin_gongju .zuopin_jianjie {
+  text-indent: 2em;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
+.examine .zuopin .zuopin_gongju .zuopin_gongju_tool {
+  display: flex;
+}
+
+.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item {
+  flex: 1;
+  text-align: center;
+  padding: 1em 0;
+}
+
+.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item .zuopin_gongju_btn {
+  color: #000;
+  height: 64px;
+  line-height: 64px;
+  width: 6em;
+  margin: 0 auto;
+  border: 1px solid #eee;
+  border-radius: 2em;
+  background-color: #eee;
+}
+
+.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item .zuopin_gongju_btn_err {
+  background-color: #ee0a24;
+  border-color: #ee0a24;
+  color: #FFF;
+}

src/pages/examine/index.min.css

@@ -0,0 +1 @@
+.examine{flex-grow:1}.examine .zuopin{width:750px;height:100vh;position:relative}.examine .zuopin .zuopin_tu{width:750px;height:100vh}.examine .zuopin .zuopin_gongju{box-sizing:border-box;overflow-y:auto;position:absolute;width:750px;height:45vh;background-color:rgba(0,0,0,0.5);bottom:0;padding:1em;font-size:28px;color:#fff;line-height:1.8em}.examine .zuopin .zuopin_gongju .zuopin_jianjie{text-indent:2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis}.examine .zuopin .zuopin_gongju .zuopin_gongju_tool{display:flex}.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item{flex:1;text-align:center;padding:1em 0}.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item .zuopin_gongju_btn{color:#000;height:64px;line-height:64px;width:6em;margin:0 auto;border:1px solid #eee;border-radius:2em;background-color:#eee}.examine .zuopin .zuopin_gongju .zuopin_gongju_tool .zuopin_gongju_item .zuopin_gongju_btn_err{background-color:#ee0a24;border-color:#ee0a24;color:#fff}

src/pages/examine/index.scss

@@ -0,0 +1,67 @@
+@import "..\\..\\app-let.scss";
+
+.examine {
+  flex-grow: 1;
+  /* 使内容部分填充剩余空间 */
+
+  .zuopin {
+    width: 750px;
+    height: 100vh;
+    position: relative;
+
+    .zuopin_tu {
+      width: 750px;
+      height: 100vh;
+    }
+
+    .zuopin_gongju {
+      box-sizing: border-box;
+      overflow-y: auto;
+      position: absolute;
+      width: 750px;
+      height: 45vh;
+      background-color: rgba(0, 0, 0, 0.5);
+      bottom: 0;
+      padding: 1em;
+      font-size: $default-font-size;
+      color: $color-FFF;
+      line-height: 1.8em;
+
+      .zuopin_jianjie {
+        text-indent: 2em;
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: 5;
+        -webkit-box-orient: vertical;
+        text-overflow: ellipsis;
+      }
+
+      .zuopin_gongju_tool {
+        display: flex;
+
+        .zuopin_gongju_item {
+          flex: 1;
+          text-align: center;
+          padding: 1em 0;
+
+          .zuopin_gongju_btn {
+            color: #000;
+            height: 64px;
+            line-height: 64px;
+            width: 6em;
+            margin: 0 auto;
+            border: 1px solid #eee;
+            border-radius: 2em;
+            background-color: #eee;
+          }
+
+          .zuopin_gongju_btn_err {
+            background-color: #ee0a24;
+            border-color: #ee0a24;
+            color: $color-FFF;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/examine/index.tsx

@@ -0,0 +1,99 @@
+import React, { Component } from "react";
+import {
+  Swiper,
+  SwiperItem,
+  Image,
+  View,
+  Text,
+  Button,
+} from "@tarojs/components";
+import Taro from "@tarojs/taro";
+
+import "./index.scss";
+
+export default class Examine extends Component<any, any> {
+  pageCtx = Taro.getCurrentInstance().page;
+
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      list: [
+        {
+          works:
+            "https://cxzx.smcic.net/topic/tool/img/%E5%B0%91%E5%84%BF%E4%B9%A6%E7%94%BB%E5%A4%A7%E8%B5%9B/R-C.jfif",
+          name: "张云翔",
+          birthday: "2015-03-03",
+          teacher: "李勇利",
+          school: "清华",
+          articleGroup: "书法",
+          articleName: "兰亭序",
+          articleDescribe:
+            "展现了中国传统艺术的魅力。墨色浓淡相间，笔触流畅而有力，每一字之间形成和谐的整体。作品中融入了经典诗句，传递出深邃的哲理和人生感悟。每一个字都经过精心构思和书写，字体大小和间距恰到好处，整个作品看起来平衡而舒适。",
+        },
+        {
+          works:
+            "https://cxzx.smcic.net/topic/tool/img/%E5%B0%91%E5%84%BF%E4%B9%A6%E7%94%BB%E5%A4%A7%E8%B5%9B/R-C.jfif",
+          name: "张云翔",
+          birthday: "2015-03-03",
+          teacher: "李勇利",
+          school: "清华",
+          articleGroup: "书法",
+          articleName: "兰亭序",
+          articleDescribe:
+            "展现了中国传统艺术的魅力。墨色浓淡相间，笔触流畅而有力，每一字之间形成和谐的整体。作品中融入了经典诗句，传递出深邃的哲理和人生感悟。每一个字都经过精心构思和书写，字体大小和间距恰到好处，整个作品看起来平衡而舒适。",
+        },
+      ],
+    };
+  }
+
+  change = (e: any) => {
+    const {
+      detail: { current },
+    } = e;
+    console.log(current);
+  };
+
+  render() {
+    return (
+      <View className="page">
+        <Swiper className="examine" onChange={this.change} vertical circular>
+          {this.state.list.map((v) => {
+            return (
+              <SwiperItem>
+                <View className="zuopin">
+                  <Image
+                    src={v.works}
+                    mode="aspectFit"
+                    className="zuopin_tu"
+                  ></Image>
+                  <View className="zuopin_gongju">
+                    <View>
+                      <Text>{`${v.articleName}(作者：${v.name}，生日：${v.birthday})`}</Text>
+                    </View>
+                    <View>
+                      <Text>学校： {v.school}</Text>
+                    </View>
+                    <View>
+                      <Text>指导老师： {v.teacher}</Text>
+                    </View>
+                    <View className="zuopin_jianjie">
+                      <Text>{v.articleDescribe}</Text>
+                    </View>
+                    <View className="zuopin_gongju_tool">
+                      <View className="zuopin_gongju_item">
+                        <View className="zuopin_gongju_btn zuopin_gongju_btn_err">通过</View>
+                      </View>
+                      <View className="zuopin_gongju_item">
+                        <View className="zuopin_gongju_btn">拒绝</View>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </SwiperItem>
+            );
+          })}
+        </Swiper>
+      </View>
+    );
+  }
+}

src/pages/us/index.tsx

@@ -122,6 +122,13 @@ class Us extends React.Component<any, any> {
     });
   };
 
+  toExamine = () =>{
+    console.log("---")
+    Taro.navigateTo({
+      url: '/pages/examine/index'
+    })
+  };
+
   render() {
     // const {  } = this.props;
     return (
@@ -178,7 +185,7 @@ class Us extends React.Component<any, any> {
             </View>
           )}
           {this.state.userPhone && (
-            <View className="us_cell">
+            <View className="us_cell" onClick={this.toExamine}>
               <View className="left">
                 <Image src={expert} className="img"></Image>
                 <Text className="text">专家评审</Text>
@@ -188,6 +195,17 @@ class Us extends React.Component<any, any> {
               </View>
             </View>
           )}
+          {this.state.userPhone && (
+            <View className="us_cell" onClick={this.toExamine}>
+              <View className="left">
+                <Image src={expert} className="img"></Image>
+                <Text className="text">管理审核</Text>
+              </View>
+              <View className="right">
+                <Image src={right} className="img"></Image>
+              </View>
+            </View>
+          )}
         </InputBox>
         <Image
           style={`width: ${this.#systemInfo.screenWidth * 0.92}px;height: ${this.state.heightKf