ios页面更改

src/views/documentView/trainDocment.vue

@@ -0,0 +1,85 @@
+<template>
+<div class="wrap">
+  <div class="navBar">
+    <van-nav-bar
+        title="培训文档 "
+        left-arrow
+        left-arrow-color="#FFFFFF"
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+        @click-left="goBack"
+    >
+      <template slot="right">
+        <div class="rightWrap">
+          <img src="@/assets/serach.png" class="img2"/>
+        </div>
+      </template>
+    </van-nav-bar>
+  </div>
+  <div class="contentWrap">
+        <div class="itemWrap">
+            <div class="info">
+              <div class="title">会记回家和</div>
+              <div class="time">2023-08-24 13:14:00</div>
+            </div>
+           <div class="imgWrap">
+             <img src="@/assets/empty.png">
+           </div>
+           <div class="num">111</div>
+            <div class="doc">
+              <div class="left">培训材料</div>
+              <div class="right">
+                <span>未处理</span>
+                <span>阅读 8</span>
+              </div>
+            </div>
+        </div>
+  </div>
+</div>
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins"
+export default {
+  name: "trainDocment",
+  mixins:[myMixins],
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/common.scss";
+@import "@/styles/mixin.scss";
+.wrap{
+  width: 100%;
+  height: 100%;
+  background-color: #F4F5F7;
+  overflow-y: auto;
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.rightWrap {
+  @include flexCenter;
+  .img2 {
+    @include wh(17px, 17px)
+  }
+}
+.contentWrap{
+  padding: 0 8px;
+  width: 100%;
+  box-sizing: border-box;
+  .itemWrap{
+    margin-top: 56px;
+    @include wh(100%, 300px);
+    background: #FFFFFF;
+    box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
+    border-radius: 3px;
+    box-sizing: border-box;
+    //padding: 11px 13px 9px 15px;
+    @include fontWeightSize(400, 12px);
+    @include flexBetween;
+  }
+
+}
+</style>