refactor:change lusunlesson page content

Author: chase-chai

.vitepress/components/ContactButton.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="button-container" @click="openCustomerService">
+    <span class="button-text">联系客服</span>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+});
+
+const openCustomerService = () => {
+  window.open(props.url, '_blank');
+};
+</script>
+
+<style scoped>
+.button-container {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 15px;
+  font-size: 16px;
+  color: #fff;
+  background-color: #4CAF50;
+  border: none;
+  border-radius: 8px; /* 圆角 */
+  cursor: pointer;
+  text-decoration: none;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加阴影 */
+}
+
+.button-text {
+  vertical-align: middle;
+  font-weight: bold; /* 加粗文字 */
+}
+
+.button-container:hover {
+  background-color: #45a049;
+}
+</style>

.vitepress/config.mjs

@@ -59,12 +59,12 @@ export default defineConfig({
             text: "⌨️ 提词遥控器",
             link: "/advanced/remote",
           },
+          // {
+          //   text: "🫡 OBS精品课",
+          //   link: "/advanced/obslesson",
+          // },
           {
-            text: "🫡 五年会员+OBS精品课",
-            link: "/advanced/obslesson",
-          },
-          {
-            text: "🎩 终身版+官方系统课",
+            text: "🎩 芦笋学苑-官方系统课",
             link: "/advanced/lusunlesson",
           },
         ],

.vitepress/theme/index.js

@@ -3,6 +3,7 @@ import ImgCenter from "../components/ImgCenter.vue";
 import ImgDesc from "../components/ImgDesc.vue";
 import Link from "../components/Link.vue";
 import UserGroup from "../components/UserGroup.vue";
+import ContactButton from "../components/ContactButton.vue";
 import DefaultTheme from "vitepress/theme";
 import { onMounted, watch, nextTick } from "vue";
 import { useRoute } from "vitepress";
@@ -18,6 +19,7 @@ export default {
     app.component("ImgCenter", ImgCenter);
     app.component("ImgDesc", ImgDesc);
     app.component("Link", Link);
+    app.component("ContactButton", ContactButton);
   },
   setup() {
     const route = useRoute();

advanced/lusunlesson.md

@@ -2,15 +2,15 @@
 description: 这篇文章介绍了芦笋提词器终身版 + 官方系统课的超豪华套餐内容
 ---
 
-# 🎩 终身版+官方系统课
+# 🎩 芦笋学苑系统课
 
 ## 基础信息
 
-* 购买链接：请点击这里：[https://tcq.lusun.com/pricing/](https://tcq.lusun.com/pricing/)
-* 了解更多会员权益，请参考 [芦笋提词器会员特权介绍](https://docs.lusun.com/tcq/basic/vip.html)
+* 🔥 买芦笋提词器终身版，限时送全套课程 👉🏻 [**【0元听课】点击了解！**](https://tcq.lusun.com/pricing/)
+* 购买 **芦笋学苑-官方系统课** 一站搞定直播录课，还有一对一指导 ~ <ContactButton url="https://work.weixin.qq.com/kfid/kfca61f545915189e02"></ContactButton>
 
-<ImgCenter><img src="/assets/lusunlesson1.jpg" alt="" width="80%"></ImgCenter>
-<ImgDesc>官网直播录课-系统课</ImgDesc>
+<ImgCenter><img src="/assets/lusunlesson5.png" alt="" width="100%"></ImgCenter>
+<ImgDesc>👆🏻 扫码购买-官方系统课</ImgDesc>
 
 ## 客服咨询