From fc0c102554f509989dd74b199f298a67f266c3c8 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 25 Feb 2022 12:11:27 +0800
Subject: [PATCH] 虫洞添加,统计代码添加,样式局部调整
---
src/components/mini/box-friend.vue | 4
src/components/mini/box12-comment.vue | 122 +++++++++++++-----------------
src/components/mini/box10-add.vue | 2
src/components/fixed/footer.vue | 48 +++++++++++-
src/components/fixed/header.vue | 2
src/components/mini/box7-search.vue | 5
src/components/mini/box8-panal.vue | 19 +++-
src/components/mini/tagInfo.vue | 2
src/components/mini/box1-info.vue | 5 +
9 files changed, 122 insertions(+), 87 deletions(-)
diff --git a/src/components/fixed/footer.vue b/src/components/fixed/footer.vue
index 2fcf84a..cee8abb 100644
--- a/src/components/fixed/footer.vue
+++ b/src/components/fixed/footer.vue
@@ -1,15 +1,55 @@
<template>
<div>
- <p>备案号:
- <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备19000592号-1</a>
- </p>
+ <div>
+ <p>备案号:
+ <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备19000592号-1</a>
+ </p>
+ </div>
+
+ <div style="position: fixed;right: -3px;bottom: -20px;">
+ <a-col v-bind="showMain">
+ <p><a href="https://www.foreverblog.cn/go.html" target="_blank"> <img
+ src="https://img.foreverblog.cn/wormhole_3.gif" alt="" style="width:auto;height:32px;"
+ title="穿梭虫洞-随机访问十年之约友链博客"> </a>.</p>
+ </a-col>
+ </div>
+
+
</div>
</template>
<script>
- export default {
+ document.write(unescape(
+ "%3Cspan id='cnzz_stat_icon_1276380514'%3E%3C/span%3E%3Cscript src='https://s23.cnzz.com/z_stat.php%3Fid%3D1276380514%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"
+ ));
+ export default {
+ data() {
+ return {
+ showMain: {
+ xs: 0,
+ sm: 0,
+ md: {
+ span: 1,
+ },
+ lg: {
+ span: 1,
+ },
+ xl: {
+ span: 1,
+ },
+ xxl: {
+ span: 1,
+ },
+ }
+ }
+ }
}
</script>
+<style>
+ #cnzz_stat_icon_1276380514 {
+ display: none;
+ }
+</style>
diff --git a/src/components/fixed/header.vue b/src/components/fixed/header.vue
index 87ce56c..af0e1e9 100644
--- a/src/components/fixed/header.vue
+++ b/src/components/fixed/header.vue
@@ -13,7 +13,7 @@
<a-col v-bind="showMain">
<a-auto-complete v-model="search.value" :data-source="search.dataSource" ref="mySearch" v-bind="search"
@select="onSelect" @search="onSearch" @change="onChange">
- <a-input>
+ <a-input >
<a-icon slot="suffix" type="search" class="certain-category-icon" />
</a-input>
</a-auto-complete>
diff --git a/src/components/mini/box-friend.vue b/src/components/mini/box-friend.vue
index 841503b..30984ed 100644
--- a/src/components/mini/box-friend.vue
+++ b/src/components/mini/box-friend.vue
@@ -76,9 +76,9 @@
}
.link-box {
- padding: 4.375rem 2.1875rem 2.1875rem;
+ padding: 3.375rem 2.1875rem 0.1875rem;
overflow: hidden;
- margin: -3.125rem;
+ margin: -3.125rem -3.125rem 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
diff --git a/src/components/mini/box1-info.vue b/src/components/mini/box1-info.vue
index 579782e..9b1c0f5 100644
--- a/src/components/mini/box1-info.vue
+++ b/src/components/mini/box1-info.vue
@@ -11,13 +11,16 @@
<span>
<a-icon type="environment" />{{location}}
</span>
+
</div>
</div>
</template>
<script>
- import { getAppPage } from '../../api/appManage.js'
+ import {
+ getAppPage
+ } from '../../api/appManage.js'
export default {
name: "box",
data() {
diff --git a/src/components/mini/box10-add.vue b/src/components/mini/box10-add.vue
index 6a4b427..ab7f4ba 100644
--- a/src/components/mini/box10-add.vue
+++ b/src/components/mini/box10-add.vue
@@ -165,7 +165,7 @@
</a-radio-group>
</a-form-model-item>
- <a-form-model-item label="授权密码" v-show="form.auth=='password'">
+ <a-form-model-item label="授权密码" v-show="form.auth==3">
<a-input-password v-model="form.password" autocomplete='new-password' type="password"
placeholder="独立密码">
<a-icon slot="prefix" type="lock" style="color:rgba(0,0,0,.25)" />
diff --git a/src/components/mini/box12-comment.vue b/src/components/mini/box12-comment.vue
index fc1468c..ce7c80a 100644
--- a/src/components/mini/box12-comment.vue
+++ b/src/components/mini/box12-comment.vue
@@ -1,91 +1,72 @@
<template>
<div class="myFriend">
- <a-form-model ref="myForm" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
- <div style="display: flex;justify-content: center; ">
- <a-form-model-item label="昵称">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="昵称">
- </a-input>
- </a-form-model-item>
- <a-form-model-item label="邮箱">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="邮箱">
- </a-input>
- </a-form-model-item>
- <a-form-model-item label="主页">
- <a-input v-model="form.secret" autocomplete='new-password' type="password" placeholder="主页">
- </a-input>
- </a-form-model-item>
- </div>
+ <a-form-model ref="myForm" layout="inline" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
+ <a-form-model-item label="昵称">
+ <a-input v-model="form.secret" placeholder="..">
+ </a-input>
+ </a-form-model-item>
+ <a-form-model-item label="邮箱">
+ <a-input v-model="form.secret" placeholder="..仅后台可见">
+ </a-input>
+ </a-form-model-item>
+ <a-form-model-item label="主页">
+ <a-input v-model="form.secret" placeholder="http:// or https://">
+ </a-input>
+ </a-form-model-item>
+
</a-form-model>
-
<a-comment>
- <!-- <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
- alt="Han Solo" /> -->
<div slot="content">
<a-form-item>
- <a-textarea :rows="4" :value="value" @change="handleChange" />
+ <a-textarea :rows="4" :value="value" />
</a-form-item>
<a-form-item>
- <a-button html-type="submit" :loading="submitting" type="primary" @click="handleSubmit">
+ <a-button html-type="submit" type="primary">
高低整两句
</a-button>
+ <div>
+ <a-checkbox style="margin-left: 8px;">
+ 悄悄回复<span class="myTip">(仅登录后可查看)</span>
+ </a-checkbox>
+ <a-checkbox>
+ 接收邮件回复通知
+ </a-checkbox>
+ </div>
</a-form-item>
</div>
</a-comment>
<a-comment>
- <span slot="actions" key="comment-nested-reply-to">Reply to</span>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
<a slot="author">Han Solo</a>
<a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design resources
- (Sketch and Axure).
- </p>
- <a-collapse v-model="activeKey">
- <a-collapse-panel key="1" header="展开">
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
- alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- </a-comment>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
- </p>
- </a-comment>
- </a-comment>
- </a-collapse-panel>
- </a-collapse>
- </a-comment>
- <a-comment>
- <span slot="actions">Reply to</span>
- <a slot="author">Han Solo</a>
- <a-avatar slot="avatar"
- src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo" />
- <p slot="content">
- We supply a series of design principles, practical patterns and high quality design
- resources (Sketch and Axure).
+ <p slot="content">1+1=?</p>
+
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">yi @ Han Solo</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">2!
</p>
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">bimo @ yi</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">不对3!
+ </p>
+ </a-comment>
+ <a-comment>
+ <span slot="actions" key="comment-nested-reply-to"><a-icon type="edit" />回复</span>
+ <a slot="author">er @ yi</a>
+ <a-avatar slot="avatar" src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+ alt="Han Solo" />
+ <p slot="content">+∞
+ </p>
+ </a-comment>
</a-comment>
</a-comment>
</div>
@@ -96,12 +77,13 @@
export default {
data() {
return {
+ value: "",
labelCol: {
- span: 5,
+ span: 6,
offset: 0,
},
wrapperCol: {
- span: 15,
+ span: 18,
offset: 0
},
form: {
diff --git a/src/components/mini/box7-search.vue b/src/components/mini/box7-search.vue
index 2747537..9c06d0f 100644
--- a/src/components/mini/box7-search.vue
+++ b/src/components/mini/box7-search.vue
@@ -6,7 +6,7 @@
<hr>
<div>
<a-auto-complete v-bind="search" @select="onSelect" @search="onSearch" @change="onChange">
- <a-input>
+ <a-input @pressEnter="onSelect">
<a-icon slot="suffix" type="search" class="certain-category-icon" />
</a-input>
</a-auto-complete>
@@ -30,9 +30,9 @@
sentence: "十里寒塘路,烟花一半醒",
search: {
placeholder: "搜索..",
- allowClear: true,
// autoFocus: true,
backfill: true,
+ value: '',
dataSource: [],
},
}
@@ -43,6 +43,7 @@
console.log("补全..");
},
onSelect(value) {
+ this.$message.info("更多功能..敬请期待")
console.log('回车', value);
},
onChange(value) {
diff --git a/src/components/mini/box8-panal.vue b/src/components/mini/box8-panal.vue
index cb0652a..e48202e 100644
--- a/src/components/mini/box8-panal.vue
+++ b/src/components/mini/box8-panal.vue
@@ -1,8 +1,8 @@
<template>
<div class="holdHeight">
- <a-row type="flex" justify="center" >
+ <a-row type="flex" justify="center">
<a-col v-for="temp in [1,2,1,1,1,1,1]">
- <div class="myCard" style="height: 200px;width: 220px; border-radius: 20px;">
+ <div class="myCard" style="height: 200px;width: 220px; border-radius: 20px;">
<a-card :hoverable="true" size="small">
<template slot="cover">
<img class="myCardCover" alt="example" src="../../assets/mowenwei.jpg" />
@@ -21,8 +21,12 @@
</a-col>
</a-row>
- <a-pagination :showQuickJumper="true" :size="size" :default-current="current" :defaultPageSize="pageSize"
- :total="total" />
+ <a-row type="flex" justify="center">
+ <div style="position:fixed;bottom: 10px;" id="dddadf">
+ <a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
+ :defaultPageSize="10" :pageSize="pageSize" :total="total" />
+ </div>
+ </a-row>
</div>
@@ -41,6 +45,11 @@
pageSize: 10,
current: 4,
}
+ },
+ methods: {
+ onChange(current) {
+
+ }
}
}
</script>
@@ -50,7 +59,7 @@
<style lang="less">
.holdHeight {
// background-color: beige;
-
+
}
.myCard {
diff --git a/src/components/mini/tagInfo.vue b/src/components/mini/tagInfo.vue
index dab1557..91ee495 100644
--- a/src/components/mini/tagInfo.vue
+++ b/src/components/mini/tagInfo.vue
@@ -61,7 +61,7 @@
<a-timeline-item color="">
<a-icon slot="dot" type="clock-circle-o" style="font-size: 18px;" />
<h3 class="layui-timeline-title">2021-11-23</h3>
- <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo.vip</a></p>
+ <p>完成技术选型,抛弃笨重的jeecg,就决定是你了<a href="https://xiaonuo.vip" target="_blank">xiaonuo</a></p>
</a-timeline-item>
<a-timeline-item color="">
--
Gitblit v1.9.1