feat: 公用组件

components/meet-navbar/meet-navbar.vue

@@ -70,7 +70,7 @@
  * @property {Boolean} isFixed - 是否启用顶部固定定位
  */
 
-import { sysInfo } from "../utils/systeminfo";
+import { sysInfo } from "../../meeting/utils/systeminfo"
 export default {
   name: "",
   data() {

components/meet-sticky/meet-sticky.vue

@@ -0,0 +1,37 @@
+
+<template>
+  <u-sticky :customNavHeight="0">
+    <view
+      :style="{
+        background: bg,
+      }"
+      :class="isPadding ? 'px-[24rpx]' : ''"
+      class="mb-[20rpx]"
+    >
+      <slot></slot>
+    </view>
+  </u-sticky>
+</template>
+
+<script>
+export default {
+  name: "",
+  data() {
+    return {};
+  },
+  props: {
+    bg: {
+      type: String,
+      default: "transparent",
+    },
+    isPadding: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  onLoad(options) {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

meeting/common.scss

@@ -0,0 +1,6 @@
+.mb-24{
+    margin-bottom: 24rpx;
+}
+.mb-30{
+    margin-bottom: 30rpx;
+}

meeting/components/record.vue

@@ -0,0 +1,23 @@
+<template>
+  <view>
+    <view class="record-item mb-24">
+
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../common.scss';
+.record-item{
+    width: 100%;
+    height: 168rpx;
+    border-radius: 24rpx;
+    border: 2rpx #fff solid;
+}
+</style>

meeting/index/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <custom_navbar title="Ai会议助手" :isFixed="false"></custom_navbar>
+    <meet-navbar title="Ai会议助手" :isFixed="false"></meet-navbar>
+
     <div>
       <u-button :customStyle="customStyle1">立即开始会议</u-button>
     </div>
@@ -8,11 +9,8 @@
 </template>
 
 <script>
-import custom_navbar from "../components/custom_navbar.vue";
 export default {
-  components: {
-    custom_navbar,
-  },
+  
   data() {
     return {
       customStyle1: {

meeting/record/index.vue

@@ -1,30 +1,43 @@
 <template>
   <div class="container">
-    <custom_navbar title="会议记录" :isFixed="false"></custom_navbar>
+      <meet-sticky :bg="bg">
+        <meet-navbar title="会议记录" :isFixed="false"></meet-navbar>
+      </meet-sticky>
     <div>
-      <u-search placeholder="日照香炉生紫烟" v-model="keyword" :showAction="false"></u-search>
+      <div class="mb-30">
+        <u-search
+          placeholder="日照香炉生紫烟"
+          v-model="keyword"
+          :showAction="false"
+        ></u-search>
+      </div>
+      <view>
+        <record-item v-for="item in 10" :key="item"></record-item>
+      </view>
     </div>
   </div>
 </template>
   
   <script>
-import custom_navbar from "../components/custom_navbar.vue";
+import recordItem from "../components/record.vue";
 export default {
   components: {
-    custom_navbar,
+    recordItem,
   },
   data() {
     return {
       keyword: "遥看瀑布挂前川",
+      bg: "",
     };
   },
 };
 </script>
   
-  <style>
-  .container{
-    min-height: 100vh;
-    background-color:#D1DCFE ;
-    padding: 20rpx 24rpx;
-  }
+<style>
+@import "../common.scss";
+.container {
+  min-height: 100vh;
+  background-color: #d1dcfe;
+  padding: 20rpx 24rpx;
+}
 </style>