- ![]()
+ ![]()
-
+
-
- ![]()
- 这是一个测试div
+ ;
+ },
+};
+
+export default V;
\ No newline at end of file
diff --git a/src/views/videos/V.vue b/src/views/videos/V.vue
index 7cf469a..629e063 100644
--- a/src/views/videos/V.vue
+++ b/src/views/videos/V.vue
@@ -1,6 +1,7 @@
-
+
+
+
+
+
+
+
+ 最新音乐
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
@@ -195,8 +204,30 @@
-->
+
+
+ 推荐歌单
+
+
+
-
+ ![]()
+
+
+ {{ p.name }}
+
+
+
diff --git a/src/views/videos/V.jsx b/src/views/videos/V.jsx
new file mode 100644
index 0000000..b3c0eab
--- /dev/null
+++ b/src/views/videos/V.jsx
@@ -0,0 +1,61 @@
+import { withModifiers, defineComponent, ref } from "vue";
+import styled from "vue3-styled-components";
+
+// const V = defineComponent({
+// setup() {
+// const count = ref(0);
+
+// const inc = () => {
+// count.value++;
+// };
+
+// return () => (
+// {count.value}
+// );
+// },
+// });
+const wp = styled.div`
+ color: red;
+ font-size: 32px;
+`
+
+const V = {
+ setup(){
+ const desc = ref('说明测试哈啊哈')
+ return {desc}
+ },
+ data() {
+ return {
+ visible: true,
+ title: '这是一个标题测试',
+ };
+ },
+ mounted(){
+ console.log('mounted');
+ },
+ render() {
+ const clsBtn = `px-4 py-1 text-sm text-purple-600 font-semibold
+ rounded-full border border-purple-200
+ hover:text-white hover:bg-purple-600 hover:border-transparent
+ focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2`
+ return <>
+ {this.title}
+ {this.desc}
+ {this.visible.toString()}
+
+
+ + {this.desc}
+ {this.visible.toString()}
+ class测试
+
+
-
-
+