From 3fb460428f927197931c43f2f88f75dd8ae8c501 Mon Sep 17 00:00:00 2001 From: kongdeqiang <123456> Date: 星期五, 10 二月 2023 17:04:21 +0800 Subject: [PATCH] 提交更新 --- src/views/home/home.vue | 983 +++++++++++++++++++++++++++++---------------------------- 1 files changed, 504 insertions(+), 479 deletions(-) diff --git a/src/views/home/home.vue b/src/views/home/home.vue index 440aee0..12dbdab 100644 --- a/src/views/home/home.vue +++ b/src/views/home/home.vue @@ -5,455 +5,457 @@ <template> <div> <div v-show="currNav == 'xboot'" class="home"> - <Row :gutter="10"> - <!-- 宸︿笂渚� 鐢ㄦ埛淇℃伅鍙奼ithub閾炬帴 --> - <Col :xs="24" :sm="24" :lg="24" :xl="8"> - <Row :gutter="10"> - <Col style="margin-bottom: 10px; width: 100%"> - <Card :padding="0"> - <div class="welcome-card"> - <div class="left"> - <div class="user"> - <Avatar - v-if="avatar" - :src="avatar" - size="60" - class="avator-img" - ></Avatar> - <Avatar - v-else - icon="md-person" - size="60" - class="avator-icon" - ></Avatar> - <div class="info"> - <p class="username">Hi, {{ nickname }} !</p> - <p class="welcome">娆㈣繋鍥炲埌XBoot蹇�熷紑鍙戝钩鍙�</p> - </div> - </div> - <div class="list"> - <div class="p"> - <div class="dot"></div> - 鎮ㄥ綋鍓嶆墍鍦ㄧ殑閮ㄩ棬涓猴細{{ departmentTitle }} - </div> - <div class="p"> - <div class="dot"></div> - 鎮ㄥ綋鍓嶇殑鐢ㄦ埛绫诲瀷涓猴細{{ userType }} - </div> - <div class="p"> - <div class="dot"></div> - 鏈鐧诲綍鍦扮偣锛歿{ city }} - </div> - </div> - </div> - <img - class="pic" - :src="require('@/assets/icon/computer.svg')" - /> - </div> - </Card> - </Col> - <Col style="margin-bottom: 10px; width: 100%"> - <Card> - <p slot="title"> - <Icon - type="logo-github" - size="20" - style="margin-right: 5px" - /> - <a href="https://github.com/Exrick/x-boot" target="_blank" - >XBoot寮�婧愮増鏈湴鍧�</a - > - </p> - <p slot="extra"> - <a target="_blank" href="http://exrick.cn">浣滆�咃細Exrick</a> - </p> - <div class="timeline-content"> - <Timeline> - <TimelineItem> - <Icon - type="logo-youtube" - color="#fb7299" - slot="dot" - ></Icon> - <a @click="showVideo = true" - >浣滆�呬翰鑷埗浣淴Boot鏂囧瓧蹇棯瀹d紶鐗�</a - > - </TimelineItem> - <TimelineItem> - <Icon - type="logo-youtube" - color="#fb7299" - slot="dot" - ></Icon> - <a - href="https://www.bilibili.com/video/av23121122/" - target="_blank" - >浣滆�呬翰鑷埗浣滃悇椤圭洰瀹d紶瑙嗛 鐐规垜瑙傜湅</a - > - </TimelineItem> - <TimelineItem> - <Icon type="md-barcode" color="black" slot="dot"></Icon> - <a - href="https://github.com/Exrick/Machine-Learning" - target="_blank" - >涓汉鏈哄櫒瀛︿範绗旇</a - > - </TimelineItem> - <TimelineItem> - <Icon type="md-cart" color="#f4364c" slot="dot"></Icon> - <a href="http://xmall.exrick.cn" target="_blank" - >XMall寮�婧愬垎甯冨紡鍟嗗煄</a - > - </TimelineItem> - <TimelineItem> - <Icon type="md-cash" color="#19be6b" slot="dot"></Icon> - <a href="http://xpay.exrick.cn" target="_blank" - >XPay寮�婧愪釜浜哄厤绛炬敮浠樼郴缁�</a - > - </TimelineItem> - <TimelineItem> - <Icon type="md-people" color="#57a3f3" slot="dot"></Icon - >QQ浜ゆ祦缇� 475743731(浠樿垂) 562962309(鍏嶈垂) - </TimelineItem> - </Timeline> - </div> - </Card> - </Col> - </Row> - </Col> - <!-- 鍙充笂渚� --> - <Col :lg="24" :xl="16"> - <Row :gutter="10"> - <Col - :xs="24" - :sm="24" - :lg="24" - :xl="12" - style="margin-bottom: 10px" - > - <Card> - <p slot="title" style="overflow: visible"> - <a href="http://xpay.exrick.cn/pay?xboot" target="_blank"> - <Icon - type="ios-star" - size="20" - style="margin-right: 5px" - ></Icon> - <Badge dot>绔嬪嵆鑾峰彇 XBoot 瀹屾暣鐗�</Badge> - </a> - </p> - <div class="buy-content"> - <div class="qr"> - <img src="@/assets/qr.png" width="130" /> - <span class="des">鎵嬫満鎵竴鎵敮浠橈紝闄愭椂浼樻儬</span> - </div> - <Alert - type="warning" - show-icon - style="padding: 8px 8px 8px 36px; font-size: 12px" - >浠锋牸涓婅皟鎻愮ず锛欰pp绔紑鍙戜腑锛屼环鏍煎嵆灏嗕笂璋冿紝璇峰敖蹇幏鍙栵紒姘镐箙鏇存柊锛�</Alert - > - <div class="flex"> - 瀹屾暣鐗�(浠呬緵瀛︿範)锛� - <span class="rmb">锟�</span> - <span class="price">{{ price }}</span> - <span class="origin">锟�</span> - <s class="origin">298</s> - <Button - to="http://xpay.exrick.cn/pay?xboot" - target="_blank" - type="error" - icon="md-paper-plane" - style="margin-left: 10px" - >绔嬪嵆鑾峰彇</Button - > - </div> - <div class="flex"> - 鍟嗙敤鎺堟潈锛� - <span class="rmb">锟�</span> - <span class="price">?998</span> - <span class="origin">锟�</span> - <s class="origin">9998</s> - <span class="origin" style="font-size: 8px">璧�</span> - <Button - to="http://wpa.qq.com/msgrd?v=3&uin=1012139570&site=qq&menu=yes" - target="_blank" - type="warning" - icon="logo-vimeo" - style="margin-left: 10px" - >鑾峰彇鍟嗙敤鎺堟潈</Button - > - <br /> - </div> - <Alert style="padding: 8px 16px 8px 16px; font-size: 12px"> - 鏀粯鍚庢簮鐮佸拰鏇存柊缁存姢缇ゅ皢鑷姩鍙戣嚦鎮ㄥ湪鏀粯椤甸潰鎵�濉啓鐨勯偖绠憋紝 - <span class="light" - >瀹屾暣鐗堜笌鍟嗙敤鐗堥兘鎷ユ湁鍦ㄧ嚎demo鍏ㄩ儴鍔熻兘锛屾彁渚涙案涔呭厤璐规洿鏂帮紝浣嗗墠鑰呬粎渚涘涔犱娇鐢ㄣ��</span - > - 寮�婧愮増鏈閬靛惊GPLv3.0寮�婧愬崗璁紝 - <span class="light">涓嶅緱闂簮</span - >锛屽晢鐢ㄩ渶姹傝鑱旂郴浣滆�呯缃叉巿鏉冨崗璁�� - 浠锋牸鍙兘闅忓姛鑳介�愭笎瀹屽杽鎴栫墿浠峰彉鍖栥�� - </Alert> - </div> - </Card> - </Col> - <Col :xs="24" :sm="24" :xl="12" style="margin-bottom: 10px"> - <Card> - <p slot="title"> - <Icon type="md-bookmark" style="margin-right: 5px"></Icon - >ISSUE/璇勮/鏇存柊鏃ュ織 - </p> - <div id="comments" class="comment-container"></div> - </Card> - </Col> - </Row> - </Col> - </Row> - <Row :gutter="10"> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card1 - id="card1" - prefix="锟�" - :end-val="count.data1" - title="浠婃棩閿�鍞" - :image="require('@/assets/icon/money.png')" - width="34px" - height="34px" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card2 - id="card2" - suffix="%" - :end-val="count.data2" - color="#f90" - title="閿�鍞噺澧為暱" - description="鐩告瘮鏄ㄦ棩" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card4 - title="寰呭姙浜嬮」" - :time="time" - description="鎮ㄦ湁涓�涓柊鐨勫緟瀹℃壒浠诲姟锛岃鍓嶅線鏌ョ湅" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card3 - title="搴旂敤涓績" - description="閿�閲忕粺璁★紝鐢ㄦ埛缁熻锛屾棩娲诲垎鏋�" - :image="require('@/assets/icon/app.png')" - width="34px" - height="34px" - titleSize="18px" - /> - </Col> - </Row> - <Row :gutter="10"> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp icon="logo-buffer" title="SaaS搴旂敤" /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp activeColor="#2db7f5" icon="md-bookmarks" title="鏃ュ織鍒嗘瀽" /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp activeColor="#19be6b" icon="md-cloud" title="浜戣繍缁�" /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp activeColor="#f90" icon="md-film" title="瑙嗛鐩戞帶" /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp activeColor="#8950fc" icon="md-stats" title="鏁版嵁鍒嗘瀽" - /></Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="4" - :style="{ marginBottom: '10px' }" - > - <cardApp activeColor="#ed4014" icon="md-people" title="鐢ㄦ埛鍒嗘瀽" - /></Col> - </Row> - <Row :gutter="10"> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card1 - id="card5" - :bordered="false" - :end-val="126778" - title="浠婃棩鏂板浜掑姩鏁�" - backgroundColor="#fff4df" - :image="require('@/assets/icon/comment.png')" - width="34px" - height="34px" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card1 - id="card6" - :bordered="false" - :end-val="68893" - backgroundColor="#6993fe" - countColor="#fff" - icon="md-person-add" - iconColor="#fff" - titleColor="#fff" - title="浠婃棩鏂板鐢ㄦ埛" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card1 - id="card7" - :bordered="false" - :end-val="count.data4" - backgroundColor="#8950fe" - countColor="#fff" - icon="md-cloud-download" - iconColor="#fff" - titleColor="#fff" - title="浠婃棩涓嬭浇閲�" - /> - </Col> - <Col - :xs="24" - :sm="24" - :md="12" - :lg="6" - :style="{ marginBottom: '10px' }" - > - <card1 - id="card8" - :bordered="false" - :end-val="13507632434" - backgroundColor="#f64e61" - countColor="#fff" - icon="md-calendar" - iconColor="#fff" - titleColor="#fff" - title="鏈堟椿" - /> - </Col> - </Row> - <Row :gutter="10"> - <Col - :xs="24" - :sm="24" - :lg="24" - :xl="16" - :style="{ marginBottom: '10px' }" - > - <visit-volume /> - </Col> - <Col - :xs="24" - :sm="24" - :lg="24" - :xl="8" - :style="{ marginBottom: '10px' }" - > - <visit-separation /> - </Col> - </Row> + <a :href="this.token" target="_blank">澶у睆鍦板潃</a> + <!--<Row :gutter="10">--> + <!--<!– 宸︿笂渚� 鐢ㄦ埛淇℃伅鍙奼ithub閾炬帴 –>--> + <!--<Col :xs="24" :sm="24" :lg="24" :xl="8">--> + <!--<Row :gutter="10">--> + <!--<Col style="margin-bottom: 10px; width: 100%">--> + <!--<Card :padding="0">--> + <!--<div class="welcome-card">--> + <!--<div class="left">--> + <!--<div class="user">--> + <!--<Avatar--> + <!--v-if="avatar"--> + <!--:src="avatar"--> + <!--size="60"--> + <!--class="avator-img"--> + <!--></Avatar>--> + <!--<Avatar--> + <!--v-else--> + <!--icon="md-person"--> + <!--size="60"--> + <!--class="avator-icon"--> + <!--></Avatar>--> + <!--<div class="info">--> + <!--<p class="username">Hi, {{ nickname }} !</p>--> + <!--<p class="welcome">娆㈣繋鍥炲埌XBoot蹇�熷紑鍙戝钩鍙�</p>--> + <!--</div>--> + <!--</div>--> + <!--<div class="list">--> + <!--<div class="p">--> + <!--<div class="dot"></div>--> + <!--鎮ㄥ綋鍓嶆墍鍦ㄧ殑閮ㄩ棬涓猴細{{ departmentTitle }}--> + <!--</div>--> + <!--<div class="p">--> + <!--<div class="dot"></div>--> + <!--鎮ㄥ綋鍓嶇殑鐢ㄦ埛绫诲瀷涓猴細{{ userType }}--> + <!--</div>--> + <!--<div class="p">--> + <!--<div class="dot"></div>--> + <!--鏈鐧诲綍鍦扮偣锛歿{ city }}--> + <!--</div>--> + <!--</div>--> + <!--</div>--> + <!--<img--> + <!--class="pic"--> + <!--:src="require('@/assets/icon/computer.svg')"--> + <!--/>--> + <!--</div>--> + <!--</Card>--> + <!--</Col>--> + <!--<Col style="margin-bottom: 10px; width: 100%">--> + <!--<Card>--> + <!--<p slot="title">--> + <!--<Icon--> + <!--type="logo-github"--> + <!--size="20"--> + <!--style="margin-right: 5px"--> + <!--/>--> + <!--<a href="https://github.com/Exrick/x-boot" target="_blank"--> + <!-->XBoot寮�婧愮増鏈湴鍧�</a--> + <!-->--> + <!--</p>--> + <!--<p slot="extra">--> + <!--<a target="_blank" href="http://exrick.cn">浣滆�咃細Exrick</a>--> + <!--</p>--> + <!--<div class="timeline-content">--> + <!--<Timeline>--> + <!--<TimelineItem>--> + <!--<Icon--> + <!--type="logo-youtube"--> + <!--color="#fb7299"--> + <!--slot="dot"--> + <!--></Icon>--> + <!--<a @click="showVideo = true"--> + <!-->浣滆�呬翰鑷埗浣淴Boot鏂囧瓧蹇棯瀹d紶鐗�</a--> + <!-->--> + <!--</TimelineItem>--> + <!--<TimelineItem>--> + <!--<Icon--> + <!--type="logo-youtube"--> + <!--color="#fb7299"--> + <!--slot="dot"--> + <!--></Icon>--> + <!--<a--> + <!--href="https://www.bilibili.com/video/av23121122/"--> + <!--target="_blank"--> + <!-->浣滆�呬翰鑷埗浣滃悇椤圭洰瀹d紶瑙嗛 鐐规垜瑙傜湅</a--> + <!-->--> + <!--</TimelineItem>--> + <!--<TimelineItem>--> + <!--<Icon type="md-barcode" color="black" slot="dot"></Icon>--> + <!--<a--> + <!--href="https://github.com/Exrick/Machine-Learning"--> + <!--target="_blank"--> + <!-->涓汉鏈哄櫒瀛︿範绗旇</a--> + <!-->--> + <!--</TimelineItem>--> + <!--<TimelineItem>--> + <!--<Icon type="md-cart" color="#f4364c" slot="dot"></Icon>--> + <!--<a href="http://xmall.exrick.cn" target="_blank"--> + <!-->XMall寮�婧愬垎甯冨紡鍟嗗煄</a--> + <!-->--> + <!--</TimelineItem>--> + <!--<TimelineItem>--> + <!--<Icon type="md-cash" color="#19be6b" slot="dot"></Icon>--> + <!--<a href="http://xpay.exrick.cn" target="_blank"--> + <!-->XPay寮�婧愪釜浜哄厤绛炬敮浠樼郴缁�</a--> + <!-->--> + <!--</TimelineItem>--> + <!--<TimelineItem>--> + <!--<Icon type="md-people" color="#57a3f3" slot="dot"></Icon--> + <!-->QQ浜ゆ祦缇� 475743731(浠樿垂) 562962309(鍏嶈垂)--> + <!--</TimelineItem>--> + <!--</Timeline>--> + <!--</div>--> + <!--</Card>--> + <!--</Col>--> + <!--</Row>--> + <!--</Col>--> + <!--<!– 鍙充笂渚� –>--> + <!--<Col :lg="24" :xl="16">--> + <!--<Row :gutter="10">--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:lg="24"--> + <!--:xl="12"--> + <!--style="margin-bottom: 10px"--> + <!-->--> + <!--<Card>--> + <!--<p slot="title" style="overflow: visible">--> + <!--<a href="http://xpay.exrick.cn/pay?xboot" target="_blank">--> + <!--<Icon--> + <!--type="ios-star"--> + <!--size="20"--> + <!--style="margin-right: 5px"--> + <!--></Icon>--> + <!--<Badge dot>绔嬪嵆鑾峰彇 XBoot 瀹屾暣鐗�</Badge>--> + <!--</a>--> + <!--</p>--> + <!--<div class="buy-content">--> + <!--<div class="qr">--> + <!--<img src="@/assets/qr.png" width="130" />--> + <!--<span class="des">鎵嬫満鎵竴鎵敮浠橈紝闄愭椂浼樻儬</span>--> + <!--</div>--> + <!--<Alert--> + <!--type="warning"--> + <!--show-icon--> + <!--style="padding: 8px 8px 8px 36px; font-size: 12px"--> + <!-->浠锋牸涓婅皟鎻愮ず锛欰pp绔紑鍙戜腑锛屼环鏍煎嵆灏嗕笂璋冿紝璇峰敖蹇幏鍙栵紒姘镐箙鏇存柊锛�</Alert--> + <!-->--> + <!--<div class="flex">--> + <!--瀹屾暣鐗�(浠呬緵瀛︿範)锛�--> + <!--<span class="rmb">锟�</span>--> + <!--<span class="price">{{ price }}</span>--> + <!--<span class="origin">锟�</span>--> + <!--<s class="origin">298</s>--> + <!--<Button--> + <!--to="http://xpay.exrick.cn/pay?xboot"--> + <!--target="_blank"--> + <!--type="error"--> + <!--icon="md-paper-plane"--> + <!--style="margin-left: 10px"--> + <!-->绔嬪嵆鑾峰彇</Button--> + <!-->--> + <!--</div>--> + <!--<div class="flex">--> + <!--鍟嗙敤鎺堟潈锛�--> + <!--<span class="rmb">锟�</span>--> + <!--<span class="price">?998</span>--> + <!--<span class="origin">锟�</span>--> + <!--<s class="origin">9998</s>--> + <!--<span class="origin" style="font-size: 8px">璧�</span>--> + <!--<Button--> + <!--to="http://wpa.qq.com/msgrd?v=3&uin=1012139570&site=qq&menu=yes"--> + <!--target="_blank"--> + <!--type="warning"--> + <!--icon="logo-vimeo"--> + <!--style="margin-left: 10px"--> + <!-->鑾峰彇鍟嗙敤鎺堟潈</Button--> + <!-->--> + <!--<br />--> + <!--</div>--> + <!--<Alert style="padding: 8px 16px 8px 16px; font-size: 12px">--> + <!--鏀粯鍚庢簮鐮佸拰鏇存柊缁存姢缇ゅ皢鑷姩鍙戣嚦鎮ㄥ湪鏀粯椤甸潰鎵�濉啓鐨勯偖绠憋紝--> + <!--<span class="light"--> + <!-->瀹屾暣鐗堜笌鍟嗙敤鐗堥兘鎷ユ湁鍦ㄧ嚎demo鍏ㄩ儴鍔熻兘锛屾彁渚涙案涔呭厤璐规洿鏂帮紝浣嗗墠鑰呬粎渚涘涔犱娇鐢ㄣ��</span--> + <!-->--> + <!--寮�婧愮増鏈閬靛惊GPLv3.0寮�婧愬崗璁紝--> + <!--<span class="light">涓嶅緱闂簮</span--> + <!-->锛屽晢鐢ㄩ渶姹傝鑱旂郴浣滆�呯缃叉巿鏉冨崗璁��--> + <!--浠锋牸鍙兘闅忓姛鑳介�愭笎瀹屽杽鎴栫墿浠峰彉鍖栥��--> + <!--</Alert>--> + <!--</div>--> + <!--</Card>--> + <!--</Col>--> + <!--<Col :xs="24" :sm="24" :xl="12" style="margin-bottom: 10px">--> + <!--<Card>--> + <!--<p slot="title">--> + <!--<Icon type="md-bookmark" style="margin-right: 5px"></Icon--> + <!-->ISSUE/璇勮/鏇存柊鏃ュ織--> + <!--</p>--> + <!--<div id="comments" class="comment-container"></div>--> + <!--</Card>--> + <!--</Col>--> + <!--</Row>--> + <!--</Col>--> + <!--</Row>--> + <!--<Row :gutter="10">--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card1--> + <!--id="card1"--> + <!--prefix="锟�"--> + <!--:end-val="count.data1"--> + <!--title="浠婃棩閿�鍞"--> + <!--:image="require('@/assets/icon/money.png')"--> + <!--width="34px"--> + <!--height="34px"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card2--> + <!--id="card2"--> + <!--suffix="%"--> + <!--:end-val="count.data2"--> + <!--color="#f90"--> + <!--title="閿�鍞噺澧為暱"--> + <!--description="鐩告瘮鏄ㄦ棩"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card4--> + <!--title="寰呭姙浜嬮」"--> + <!--:time="time"--> + <!--description="鎮ㄦ湁涓�涓柊鐨勫緟瀹℃壒浠诲姟锛岃鍓嶅線鏌ョ湅"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card3--> + <!--title="搴旂敤涓績"--> + <!--description="閿�閲忕粺璁★紝鐢ㄦ埛缁熻锛屾棩娲诲垎鏋�"--> + <!--:image="require('@/assets/icon/app.png')"--> + <!--width="34px"--> + <!--height="34px"--> + <!--titleSize="18px"--> + <!--/>--> + <!--</Col>--> + <!--</Row>--> + <!--<Row :gutter="10">--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp icon="logo-buffer" title="SaaS搴旂敤" />--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp activeColor="#2db7f5" icon="md-bookmarks" title="鏃ュ織鍒嗘瀽" />--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp activeColor="#19be6b" icon="md-cloud" title="浜戣繍缁�" />--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp activeColor="#f90" icon="md-film" title="瑙嗛鐩戞帶" />--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp activeColor="#8950fc" icon="md-stats" title="鏁版嵁鍒嗘瀽"--> + <!--/></Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="4"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<cardApp activeColor="#ed4014" icon="md-people" title="鐢ㄦ埛鍒嗘瀽"--> + <!--/></Col>--> + <!--</Row>--> + <!--<Row :gutter="10">--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card1--> + <!--id="card5"--> + <!--:bordered="false"--> + <!--:end-val="126778"--> + <!--title="浠婃棩鏂板浜掑姩鏁�"--> + <!--backgroundColor="#fff4df"--> + <!--:image="require('@/assets/icon/comment.png')"--> + <!--width="34px"--> + <!--height="34px"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card1--> + <!--id="card6"--> + <!--:bordered="false"--> + <!--:end-val="68893"--> + <!--backgroundColor="#6993fe"--> + <!--countColor="#fff"--> + <!--icon="md-person-add"--> + <!--iconColor="#fff"--> + <!--titleColor="#fff"--> + <!--title="浠婃棩鏂板鐢ㄦ埛"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card1--> + <!--id="card7"--> + <!--:bordered="false"--> + <!--:end-val="count.data4"--> + <!--backgroundColor="#8950fe"--> + <!--countColor="#fff"--> + <!--icon="md-cloud-download"--> + <!--iconColor="#fff"--> + <!--titleColor="#fff"--> + <!--title="浠婃棩涓嬭浇閲�"--> + <!--/>--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:md="12"--> + <!--:lg="6"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<card1--> + <!--id="card8"--> + <!--:bordered="false"--> + <!--:end-val="13507632434"--> + <!--backgroundColor="#f64e61"--> + <!--countColor="#fff"--> + <!--icon="md-calendar"--> + <!--iconColor="#fff"--> + <!--titleColor="#fff"--> + <!--title="鏈堟椿"--> + <!--/>--> + <!--</Col>--> + <!--</Row>--> + <!--<Row :gutter="10">--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:lg="24"--> + <!--:xl="16"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<visit-volume />--> + <!--</Col>--> + <!--<Col--> + <!--:xs="24"--> + <!--:sm="24"--> + <!--:lg="24"--> + <!--:xl="8"--> + <!--:style="{ marginBottom: '10px' }"--> + <!-->--> + <!--<visit-separation />--> + <!--</Col>--> + <!--</Row>--> </div> - <div v-if="currNav == 'app'"> - <dashboard2 /> - </div> + <!--<div v-if="currNav == 'app'">--> + <!--<dashboard2 />--> + <!--</div>--> - <Modal - v-model="showVideo" - title="浣滆�呬翰鑷埗浣淴Boot鐐叿鏂囧瓧蹇棯瀹d紶鐗�" - :styles="{ top: '30px' }" - footer-hide - width="1000" - > - <iframe - src="//player.bilibili.com/player.html?aid=30284667&cid=52827707&page=1" - scrolling="no" - border="0" - frameborder="no" - framespacing="0" - allowfullscreen="true" - style="width: 100%; height: 550px" - ></iframe> - </Modal> + <!--<Modal--> + <!--v-model="showVideo"--> + <!--title="浣滆�呬翰鑷埗浣淴Boot鐐叿鏂囧瓧蹇棯瀹d紶鐗�"--> + <!--:styles="{ top: '30px' }"--> + <!--footer-hide--> + <!--width="1000"--> + <!-->--> + <!--<iframe--> + <!--src="//player.bilibili.com/player.html?aid=30284667&cid=52827707&page=1"--> + <!--scrolling="no"--> + <!--border="0"--> + <!--frameborder="no"--> + <!--framespacing="0"--> + <!--allowfullscreen="true"--> + <!--style="width: 100%; height: 550px"--> + <!--></iframe>--> + <!--</Modal>--> </div> </template> <script> + import { getStore } from '../../libs/storage'; import { ipInfo, getNotice } from "@/api/index"; import visitVolume from "./components/visitVolume.vue"; import visitSeparation from "./components/visitSeparation.vue"; @@ -466,6 +468,7 @@ import Cookies from "js-cookie"; // import "gitalk/dist/gitalk.css"; import Gitalk from "gitalk"; + export default { name: "home", @@ -493,6 +496,7 @@ userType: "鏃�", time: "", price: "...", + token:"" }; }, computed: { @@ -543,44 +547,65 @@ } }); }, + toCode(str) { //鍔犲瘑瀛楃涓� + //瀹氫箟瀵嗛挜锛�36涓瓧姣嶅拰鏁板瓧 + var key = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; + var st = key.length; //鑾峰彇瀵嗛挜鐨勯暱搴� + var a = key.split(""); //鎶婂瘑閽ュ瓧绗︿覆杞崲涓哄瓧绗︽暟缁� + var s = "",b, b1, b2, b3; //瀹氫箟涓存椂鍙橀噺 + for (var i = 0; i <str.length; i ++) { //閬嶅巻瀛楃涓� + b = str.charCodeAt(i); //閫愪釜鎻愬彇姣忎釜瀛楃锛屽苟鑾峰彇Unicode缂栫爜鍊� + b1 = b % st; //姹俇nicode缂栫爜鍊煎緱浣欐暟 + b = (b - b1) / st; //姹傛渶澶у�嶆暟 + b2 = b % st; //姹傛渶澶у�嶆暟鐨勪簬鏄� + b = (b - b2) / st; //姹傛渶澶у�嶆暟 + b3 = b % st; //姹傛渶澶у�嶆暟鐨勪綑鏁� + s += a[b3] + a[b2] + a[b1]; //鏍规嵁浣欐暟鍊兼槧灏勫埌瀵嗛挜涓搴斾笅鏍囦綅缃殑瀛楃 + } + return s; //杩斿洖杩欎簺鏄犲皠鐨勫瓧绗� + } }, mounted() { - this.init(); - // 閫氱煡 - let noticeFlag = "noticeShowed"; - let notice = Cookies.get(noticeFlag); - if (notice != noticeFlag) { - this.showNotice(); - Cookies.set(noticeFlag, noticeFlag); - } - // 浠锋牸 - AV.init({ - appId: "6Bstbxl4NDU69I77D3nzf61h-gzGzoHsz", - appKey: "gaFTnYlTul3M8qdiGlbfvoJK", - serverURL: "https://6bstbxl4.lc-cn-n1-shared.com", - }); - const query = new AV.Query("Price"); - query.equalTo("objectId", "6080216c2a5bb23590bcaedb"); - query.first().then((e) => { - this.price = e.attributes.price; - }); - // Gitalk - var gitalk = new Gitalk({ - clientID: "a128de2dd7383614273a", - clientSecret: "a77691ecb662a8303a6c686ae651ae035868da6e", - repo: "xboot-comments", - owner: "Exrick", - admin: ["Exrick"], - distractionFreeMode: false, // 閬僵鏁堟灉 - }); - gitalk.render("comments"); - // 瀹d紶瑙嗛 - let videoFlag = "videoShowed"; - let xbootVideo = Cookies.get(videoFlag); - if (xbootVideo != videoFlag) { - this.showVideo = true; - Cookies.set(videoFlag, videoFlag); - } + this.token = 'http://111.63.178.115:9093?token=$vj$xCShfaQRUQlF8lqL1lwWi2auOrkLfkoecRuDWiJXlTnSg1mh6BODfjieo3ncsosjiocew'; + //alert(this.toCode('绠$悊鍛�')) + //this.token = 'http://localhost:8080?token='+this.toCode('绠$悊鍛�'); + //this.token = 'http://localhost:8080?token=$vj$xCShfaQRUQlF8lqL1lwWi2auOrkLfkoecRuDWiJXlTnSg1mh6BODfjieo3ncsosjiocew'; + // this.init(); + // // 閫氱煡 + // let noticeFlag = "noticeShowed"; + // let notice = Cookies.get(noticeFlag); + // if (notice != noticeFlag) { + // this.showNotice(); + // Cookies.set(noticeFlag, noticeFlag); + // } + // // 浠锋牸 + // AV.init({ + // appId: "6Bstbxl4NDU69I77D3nzf61h-gzGzoHsz", + // appKey: "gaFTnYlTul3M8qdiGlbfvoJK", + // serverURL: "https://6bstbxl4.lc-cn-n1-shared.com", + // }); + // const query = new AV.Query("Price"); + // query.equalTo("objectId", "6080216c2a5bb23590bcaedb"); + // query.first().then((e) => { + // this.price = e.attributes.price; + // }); + // // Gitalk + // var gitalk = new Gitalk({ + // clientID: "a128de2dd7383614273a", + // clientSecret: "a77691ecb662a8303a6c686ae651ae035868da6e", + // repo: "xboot-comments", + // owner: "Exrick", + // admin: ["Exrick"], + // distractionFreeMode: false, // 閬僵鏁堟灉 + // }); + // gitalk.render("comments"); + // // 瀹d紶瑙嗛 + // let videoFlag = "videoShowed"; + // let xbootVideo = Cookies.get(videoFlag); + // if (xbootVideo != videoFlag) { + // this.showVideo = true; + // Cookies.set(videoFlag, videoFlag); + // } }, }; </script> -- Gitblit v1.9.1