@jx3box/jx3box-ui 2.0.15 → 2.0.17

package/assets/css/common/bottom.less

@@ -0,0 +1,21 @@
+@gray: #888;
+@space: 20px;
+@pink: #f39;
+
+.m-bottom {
+    font-size: 12px;
+    color: @gray;
+    margin-top: @space;
+    font-family: verdana,'Trebuchet MS',Tahoma;
+
+    a {
+        color: @gray;
+        &:hover {
+            color: @pink;
+        }
+    }
+
+    .u-feedback {
+        float: right;
+    }
+}

package/index.js

@@ -3,6 +3,7 @@ import CommonHeader from "./src/CommonHeader.vue";
 import Footer from "./src/Footer.vue";
 import CommonFooter from "./src/CommonFooter.vue";
 import Icon from "./src/Icon.vue";
+import CommonBottom from "./src/CommonBottom.vue";
 
 // 布局
 import Main from "./src/Main.vue";
@@ -46,6 +47,7 @@ const components = {
     CommonFooter,
     Footer,
     Icon,
+    CommonBottom,
 
     Main,
     Breadcrumb,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-ui",
-    "version": "2.0.15",
+    "version": "2.0.17",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/App.vue

@@ -40,6 +40,11 @@
                     <div class="m-block">
                         <UploadBanner v-model="uploadBanner" />
                     </div>
+
+                    <h1 class="m-title">公共bottom</h1>
+                    <div class="m-block">
+                        <CommonBottom />
+                    </div>
                 </el-tab-pane>
                 <el-tab-pane label="文章列表" name="list">
                     <h1 class="m-title">筛选</h1>

package/src/CommonBottom.vue

@@ -0,0 +1,25 @@
+<template>
+    <footer class="m-bottom">
+        <a :href="homepage" target="_blank">&copy; JX3BOX.COM</a>
+        <a class="u-feedback" :href="feedback" target="_blank">❤ Help</a>
+    </footer>
+</template>
+
+<script>
+import jx3box from "@jx3box/jx3box-common/data/jx3box.json";
+const { __Root } = jx3box;
+export default {
+    name: "Bottom",
+    data: function() {
+        return {
+            homepage: __Root,
+            // feedback: '/feedback' + '&refer=' + location.href,
+            feedback: "mailto:service@jx3box.com?subject=Feedback",
+        };
+    },
+};
+</script>
+
+<style lang="less">
+@import "../assets/css/common/bottom.less";
+</style>

package/src/author/AuthorFans.vue

@@ -21,7 +21,7 @@
         </div>
         <div class="f-bottom">
             {{ $jx3boxT("jx3boxUi.authorFans.fansCount", "粉丝数: {count}", { count: fans_count }) }}
-            ><template v-if="boxcoin_count"
+            <template v-if="boxcoin_count"
                 >{{ $jx3boxT("jx3boxUi.authorFans.boxcoinCount", "，累计收到盒币打赏: {count}", { count: boxcoin_count }) }}</template
             >
         </div>

package/src/author/AuthorGift.vue

@@ -207,7 +207,7 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 /* src/author/AuthorGift.vue */
 .c-author-gift {
     .u-btn {

package/src/author/AuthorLink.vue

@@ -83,7 +83,7 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 /* src/author/AuthorLink.vue */
 .c-author-link {
     padding: 0 2px;

package/src/header/box.vue

@@ -160,7 +160,7 @@ export default {
 @import "../../assets/css/header/box.less";
 </style>
 
-<style scoped lang="less">
+<style lang="less">
 /* src/header/box.vue */
 .c-jx3box {
     .c-header-search {

package/src/interact/BoxcoinUser.vue

@@ -226,7 +226,7 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 /* src/interact/BoxcoinUser.vue */
 .w-boxcoin-user {
     .dbi;

package/src/interact/Fav.vue

@@ -98,7 +98,7 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
 /* src/interact/Fav.vue */
 .w-fav2 {
     .pointer;

package/src/single/Author.vue

@@ -13,8 +13,8 @@
             </div>
             <!-- <AuthorLink class="u-block u-links" :uid="uid" :data="data" /> -->
             <AuthorMedals class="u-block u-trophy" :uid="uid" />
-            <!-- <AuthorTeams class="u-block u-teams" :uid="uid" />
-            <AuthorFans class="u-block u-fans" :uid="uid" /> -->
+            <!-- <AuthorTeams class="u-block u-teams" :uid="uid" /> -->
+            <AuthorFans class="u-block u-fans" :uid="uid" />
             <slot></slot>
             <AuthorPosts class="u-block u-posts" :uid="uid" />
         </template>
@@ -26,7 +26,7 @@ import AuthorInfo from "../author/AuthorInfo.vue";
 // import AuthorLink from "../author/AuthorLink.vue";
 // import AuthorFollow from "../author/AuthorFollow.vue";
 // import AuthorGift from "../author/AuthorGift.vue";
-// import AuthorFans from "../author/AuthorFans.vue";
+import AuthorFans from "../author/AuthorFans.vue";
 import AuthorMedals from "../author/AuthorMedals.vue";
 // import AuthorTeams from "../author/AuthorTeams.vue";
 import AuthorPosts from "../author/AuthorPosts.vue";
@@ -70,7 +70,7 @@ export default {
         AuthorMedals,
         // AuthorTeams,
         AuthorPosts,
-        // AuthorFans,
+        AuthorFans,
         AuthorRss,
     },
 };