1

components/PricingCard.vue

@@ -0,0 +1,30 @@
+<template>
+  <el-card :body-style="{ padding: '0px' }" class="h-[200px] items-center flex justify-center" shadow="hover">
+    <div class="flex-1 px-4 py-5 sm:p-4 !p-4">
+      <div class="text-gray-700 dark:text-white text-base font-semibold  flex flex-col items-center gap-1.5">
+        <el-avatar
+          :size="55" shape="square" src="" style="background-color: white;"/>
+        <div class="flex-1 cursor-pointer flex flex-col text-center">
+          <nuxt-link :to="`https://websoft.top`" class="text-lg">websiteName</nuxt-link>
+          <div class="flex text-gray-400 text-sm font-normal py2 justify-between items-center">
+            <div>
+              <nuxt-link :to="`https://websoft.top/docs?appid=`"><span class="text-gray-400 hover:text-green-700">开发文档</span></nuxt-link>
+              <el-divider direction="vertical" />
+              <nuxt-link :to="`https://websoft.top/docs?appid=`"><span class="text-gray-400 hover:text-green-700">社区</span></nuxt-link>
+              <el-divider direction="vertical" />
+              <nuxt-link :to="`https://websoft.top/market?appid=`"><span class="text-gray-400 hover:text-green-700">插件市场</span></nuxt-link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>