初始化产品库

2021-11-15 10:29:05 +08:00
parent 8f735a4ffe
commit 5440b43b9c
306 changed files with 54508 additions and 3 deletions
--- a/src/pages/bigHorn/selectMp3.vue
+++ b/src/pages/bigHorn/selectMp3.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="selectMp3">
+    <div class="record">
+      <div class="item">
+        <img src="./img/cir.png" alt="">
+        <div class="info">
+          <p>村头大喇叭</p>
+        </div>
+      </div>
+    </div>
+    <div class="btn">
+      <div>确定选择</div>
+    </div>
+  </div>
+</template>
+<script> 
+export default {
+  name: "selectMp3",
+  data() {
+    return {
+      
+    }
+  },
+  methods: {
+    
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style lang="scss" scoped>
+.selectMp3 {
+  padding-bottom: 128px;
+  .record{
+    padding-left: 32px;
+    background-color: #fff;
+    .item{
+      width: 100%;
+      display: flex;
+      img{
+        width: 32px;
+        height: 32px;
+        margin: 40px 16px 0 0;
+      }
+      .info{
+        width: calc(100% - 60px);
+        padding-bottom: 16px;
+        padding: 34px 0;
+        line-height: 44px;
+        border-bottom: 1px solid #ddd;
+        font-size: 34px;
+        font-family: PingFang-SC-Medium, PingFang-SC;
+        font-weight: 500;
+        color: #333;
+        margin-left: 16px;
+      }
+    }
+  }
+  .btn{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 128px;
+    background: #FFF;
+    border-top: 1px solid #ddd;
+    padding: 24px 32px 24px 0;
+    box-sizing: border-box;
+    div{
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: #3975C6;
+      border-radius: 4px;
+      color: #fff;
+      font-size: 32px;
+      float: right;
+    } 
+  }
+}
+</style>