提交前阶段整理

src/components/svgIcon.vue

@@ -22,7 +22,7 @@ const props = defineProps({
 
 const iconName = computed(()=>`#icon-${props.name}`);
 const svgClass = computed(()=> {
-  console.log(props.name, 'props.name');
+  // console.log(props.name, 'props.name');
   if (props.name) {
         return `svg-icon icon-${props.name}`
       }

src/views/common/SongDetail.vue

@@ -267,6 +267,7 @@ export default {};
         }
         img.cover {
           width: 220px;
+          height: 220px;
           border-radius: 200px;
           position: absolute;
           top: 60px;

src/views/videos/V.vue

@@ -1,9 +1,64 @@
 <script setup>
 import { NButton, NSpace, NIcon } from "naive-ui";
 import PlayCircle from '@/assets/svgs/PlayCircle.svg'
+import {ref} from 'vue'
+import sparkMD from 'spark-md5'
+import CryptoJS from 'crypto-js';
+import md5 from 'crypto-js/md5'; 
+import sha256 from 'crypto-js/sha256'; 
+import { sha256 as jsSha256, sha224 } from 'js-sha256';
+import { collapseLight } from 'naive-ui/lib/collapse/styles';
+
+const showEditor = ref(false) //是否显示编辑框
+
+const edit = () => {
+  showEditor.value = true
+  console.log('调用edit方法。')
+}
+
+const fileChange = (e) => {
+  let file = e.target.files[0];
+  let fileReader = new FileReader()
+  fileReader.readAsArrayBuffer(file);
+  fileReader.onload = e => {
+    // const s_md5 = sparkMD.hashBinary(e.target.result);
+    // console.log(s_md5,  sparkMD.hashBinary('1111'));
+    // const c_md5 = md5(e.target.result)
+
+    // var wordArray = CryptoJS.lib.WordArray.create(fileReader.result);
+    // let  c_sha256 = sha256(wordArray)
+    // console.log(c_sha256.toString())
+    let s_sha256 = jsSha256(e.target.result)
+    console.log(s_sha256)
+    // let hash = CryptoJS.SHA256(wordArray).toString();
+    // console.log(hash)
+
+    // //将读取结果：文件数据类型：ArrayBuffer 转化 为wordArray格式
+    // var wordArray = CryptoJS.lib.WordArray.create(fileReader.result);
+    // // //直接调用SHA256()并转化得到十六进制字符串（也就是我们要的SHA256）
+    // var hash = CryptoJS.SHA256(wordArray).toString();
+    // console.log(hash)
+  }
+
+  // let files = e.target.files[0];
+  // //生成实例
+  //   let fileReads = new FileReader();
+  // //开始读取文件
+  // fileReads.readAsArrayBuffer(files);
+  // //读取回调
+  // fileReads.onload=function(){
+  //   //将读取结果：文件数据类型：ArrayBuffer 转化 为wordArray格式
+  //   var wordArray = CryptoJS.lib.WordArray.create(fileReads.result);
+  //   //直接调用SHA256()并转化得到十六进制字符串（也就是我们要的SHA256）
+  //   var hash = CryptoJS.SHA256(wordArray).toString();
+  //   console.log(hash)
+  // }
+
+}
+
 </script>
 <template>
-  <NSpace>
+  <!-- <NSpace>
     <NButton>
       <template #icon>
         <n-icon>
@@ -21,11 +76,9 @@ import PlayCircle from '@/assets/svgs/PlayCircle.svg'
       svg-sprite-loader 按钮
     </NButton>
     <NButton text style="font-size: 40px">
-      <!-- <template #icon> -->
         <n-icon>
           <svg-icon name="Dots" />
         </n-icon>
-      <!-- </template> -->
       svg-sprite-loader 按钮
     </NButton>
     <NButton>
@@ -36,11 +89,34 @@ import PlayCircle from '@/assets/svgs/PlayCircle.svg'
       </template>
       svg-sprite-loader 按钮
     </NButton>
-  </NSpace>
+  </NSpace> -->
+  <n-space>
+    <n-button @click="edit">
+      新增
+    </n-button>
+    <n-button>
+      编辑
+    </n-button>
+    <n-button>
+      保存
+    </n-button>
+  </n-space>
+  <div class="edit" v-show="showEditor">
+    <div class="title">标题哈啊哈</div>
+    <div class="content">
+      Content 编辑内容
+    </div>
+    <div class="footer">
+      Footer 尾部
+    </div>
+  </div>
+  <input type="file" id="file" @change="fileChange">
 </template>
 
 <script>
 export default {};
 </script>
 
-<style></style>
+<style lang="less" scoped>
+
+</style>>