fix: search page 问答社区

docs/.vuepress/theme/components/DcloudSearchPage/mock.js

@@ -289,7 +289,7 @@ export default {
     ],
     "searchKeyword": "5Y2H57qn"
   },
-  askHtml:`<div
+  askHtml: `<div
 	class="aw-item active" >
 		<p class="aw-title">
 						<span class="tip-recommend">官方</span>
@@ -336,5 +336,99 @@ export default {
 		43 个回复		•
 		3276 次查看			</p>
 			</div>
+      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 plugin-li" data="4542">
+	<div class="row extend-list card has-preview-img">
+		<div class="col-sm-3 col-md-3 col-lg-3 preview-img should-pop" style="width: 20%;" data-toggle="popover" data-src="//img-cdn-aliyun.dcloud.net.cn/stream/plugin_screens/3c30aa60-8d63-11eb-9913-cd96a30ab764_0.jpg?image_process=quality,q_70&amp;v=1641979438" data-original-title="" title="">
+			<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank">
+				<img src="//img-cdn-aliyun.dcloud.net.cn/stream/plugin_screens/3c30aa60-8d63-11eb-9913-cd96a30ab764_0.jpg?image_process=quality,q_70&amp;v=1641979438">
+			</a>
+		</div>
+		<div class="col-xs-12 col-sm-9 col-md-9 col-lg-9 plugin-info">
+			<div class="row extend-list-header">
+				<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+					<h2 class="extend-title elip">
+						<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank"> <em>升级中心</em> uni-upgrade-center-App </a>
+					</h2>
+				</div>
+				<div class="collection col-xs-6 col-sm-6 col-md-2 col-lg-2 pull-right ext-slg">
+					<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank" style="color: #ef5656;">
+						<img src="//img-cdn-aliyun.dcloud.net.cn/dev/img/ext/collection-small.png">&nbsp;收藏&nbsp;<span class="collection-list-total-4542">385</span>
+					</a>
+				</div>
+				<div class="support col-xs-6 col-sm-6 col-md-2 col-lg-2 pull-right ext-slg">
+					<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank" style="color: #ef5656;">
+						<img src="//img-cdn-aliyun.dcloud.net.cn/dev/img/ext/heart.png">&nbsp;赞赏&nbsp;3					</a>
+				</div>
+				<div class="download col-xs-6 col-sm-6 col-md-2 col-lg-2 pull-right ext-slg">
+					<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank" style="color: #4e92df;">
+						<img src="//img-cdn-aliyun.dcloud.net.cn/dev/img/ext/download.png">&nbsp;下载&nbsp;11539					</a>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12">
+					<a href="https://ext.dcloud.net.cn/plugin?id=4542" target="_blank">
+						<span class="extend-list-desc">
+							uni<em>升级中心</em>-客户端检查更新						</span>
+					</a>
+				</div>
+			</div>
+			<div class="row rating" title="评分: 4.8 （129人评分）">
+				<div class="col-xs-12">
+					<div class="star-rating">
+						<div class="star-rating-top" style="width:95%">
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+						</div>
+						<div class="star-rating-bottom">
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+							<span class="glyphicon"></span>
+						</div>
+					</div>
+					<span class="star-rating-text">（129）</span>
+				</div>
+			</div>
+			<div class="row extend-list-tag">
+				<div class="col-xs-12">
+
+										<a class="badge bg-orange" href="javascript:;">uni_modules</a>
+					
+					
+										<a class="badge bg-green" href="javascript:;">uniCloud</a>
+										<a class="badge bg-green" href="javascript:;">update</a>
+										<a class="badge bg-green" href="javascript:;">升级</a>
+										<a class="badge bg-green" href="javascript:;">wgt</a>
+					
+				</div>
+			</div>
+
+			<div class="row extend-list-more">
+				<div class="categorys col-xs-12 col-sm-6 col-md-4 col-lg-4" style="width:60%">
+					分类：<a href="javascript:;">uniCloud</a> /
+					<a href="javascript:;">云端一体页面模板</a>
+				</div>
+				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4" style="width:30%">
+					更新日期：2022-01-12</div>
+
+
+				<div class="extend-list-user col-md-4 col-lg-4" style="width: 10%">
+					<a href="https://ext.dcloud.net.cn/publisher?id=586192">
+						<img class="avatar pull-right" src="https://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/67/43/81_avatar_max.jpg" alt="DCloud前端团队">
+						<span class="pull-right"></span>
+					</a>
+				</div>
+			</div>
+		</div>
+
+		<div class="plugin-action" style="display: none;">
+			<div class="plugin-like-btn " onclick="collection(this, 4542)">收藏</div>
+		</div>
+	</div>
+</div>
 `
 }
\ No newline at end of file

docs/.vuepress/theme/components/DcloudSearchPage/styles/ask.styl

 #search-container
-  .aw-item
+  .aw-item, .plugin-li
+    box-sizing border-box
     $padding-n = 25px
     padding $padding-n $padding-n ($padding-n - 10px) $padding-n
 
@@ -13,6 +14,7 @@
     &:first-child
       margin-top 0 !important
 
+  .aw-item
     a
       text-decoration none
       color inherit
@@ -49,4 +51,221 @@
   em
     font-weight bold
     font-style normal
-    color $accentColor
+    color $accentColor
\ No newline at end of file
+
+  .plugin-li
+    color rgba(0, 0, 0, 0.6)
+    width 100%
+    text-align -webkit-match-parent
+    font-size 14px
+
+    .pull-right
+      float right !important
+
+    .col-lg-9
+      width 70%
+
+    .col-lg-2
+      width 16.66666667%
+
+    .col-lg-6
+      width 50%
+      float left
+
+    .col-md-6, .col-lg-6, .col-xs-12, .col-sm-12
+      position relative
+      min-height 1px
+      padding-left 15px
+      padding-right 15px
+
+    a
+      color inherit
+
+    :before, :after
+      box-sizing border-box
+
+    .row
+      margin-right -15px
+      margin-left -15px
+
+      &:before, &:after
+        content ' '
+        display table
+
+      &:after
+        clear both
+
+    .card
+      margin-bottom 15px
+      border-radius 10px
+      background-color #fff
+
+      &:last-child
+        margin-bottom 0
+
+      .preview-img
+        display inline-block
+        max-height 192px
+        padding-right 0
+        float left
+        overflow-y hidden
+
+        img
+          width 100%
+          height auto
+          vertical-align middle
+          border 0
+
+      .plugin-info
+        padding-left 30px
+        padding-right 0
+        float left
+
+      .row
+        margin-bottom 8px
+
+        &:last-child
+          margin-bottom 0
+
+    .extend-list
+      margin 0
+      position relative
+      line-height 24px
+      color #999
+      transition all 0.3s
+
+      .extend-list-header .extend-title a
+        color #595a78
+        font-size 16px
+
+      .extend-list-desc
+        color #424249
+        font-size 14px
+
+    .badge
+      padding 2px 6px
+      margin-left 5px
+      display inline-block
+      min-width 10px
+      padding 3px 7px
+      font-size 12px
+      font-weight 700
+      color #fff
+      line-height 1
+      vertical-align baseline
+      white-space nowrap
+      text-align center
+      background-color #999
+      border-radius 10px
+
+      .bg-green, .bg-green:hover
+        color #639069
+
+      a.&:focus, a.&:hover
+        color #fff
+        text-decoration none
+        cursor pointer
+
+    h2
+      margin-top 0
+      padding-bottom 0
+      font-size 100%
+      line-height 20px
+      color #333
+      border none
+
+    .ext-slg
+      padding 0
+      margin 0 auto
+      width 14%
+      float right
+      text-align center
+
+    .rating
+      margin-top 10px
+
+      .star-rating
+        unicode-bidi bidi-override
+        color #96969b
+        font-size 0
+        height 25px
+        position relative
+        display inline-block
+        padding 0
+        margin-left 0
+        float left
+
+        span
+          padding 1px
+          font-size 16px
+
+      .star-rating-top
+        color #fde16d
+        padding 0
+        position absolute
+        z-index 1
+        display inline-block
+        top 4px
+        left 4px
+        overflow hidden
+        white-space nowrap
+        float left
+
+        span
+          width 20px
+          height 16px
+          background url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABDUlEQVQ4ja3SsS/DQRjG8c81YrLYxCz8pLHUYhCtzf9gtIilo1VM/gSmisR/YCCRSMTIyhEzo7nR9CytVPn112qf5Ib3fZ/73nO5o0ApaqQopahR5C0C1Tqg7qoN8pcKeAcF9XCwTopqX7s6KF3IAU3hBut/jO+wGTKtX7AUzWALS1jEApYxm5cAH3jCK17wjKuQonusDtg4rB5CipqYngCsWUJ9AiCol0LmGLtojwHaC5mT79dM0TbOFP+9XrWxEzKnejeGzLnRr7zfBf2AdfQ2Iuy9t+iHrYwI++EfF1b+D+wxpz8w2VxffYlKyJRRwUXffD7nEFJ0mKLPFN2maCPHs5ai6xS1UnTUO/sCG35T7tAgzwcAAAAASUVORK5CYII=') no-repeat
+          background-size 16px
+
+      .star-rating-bottom
+        padding 4px
+        display inline-block
+        z-index 0
+        float left
+
+        span
+          width 20px
+          height 16px
+          background url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABBElEQVQ4ja3Ur04DQRDH8U8vSAyOoFkIAUxRqFaC4BUIdQRTiW1ST4KCKmp4AwQIFBZSB2GDBskLQIPgStojd9d/Y3ZnfjPfzGYmW4kxKrErHKGLRlYMIfzdkxJQPQVJz3pRchmsVeKPDaujlonVFHSXB1tAO0drp/o/q8QYF7GHdaxhFRtYyusAn3jBGyJecVeJMT5ip6BwXHtKsD0HEGwlaM4J1kxwiWP0ZwCdhBA6g2l2cDgFsI9GCOGC0dW4NvmTT0MI3YGT3bP3CWEfw04WNulkR/JnhW1OA3vOiRd2tpzxb1FNO6jiJqOvFMHO8YUHvz/EPnqp1sMBdnGPb5wNF/8A+HAvGx6fm+sAAAAASUVORK5CYII=') no-repeat
+          background-size 16px
+
+      .glyphicon
+        position relative
+        top 1px
+        display inline-block
+        font-family 'Glyphicons Halflings'
+        font-style normal
+        font-weight 400
+        line-height 1
+        -webkit-font-smoothing antialiased
+        -moz-osx-font-smoothing grayscale
+
+    .extend-list-tag
+      .badge.bg-orange
+        color #ff7c00
+        background rgba(255, 194, 0, 0.28) !important
+
+      .badge.bg-green
+        color #639069
+        background-color #eff9f0 !important
+
+    .extend-list-more
+      font-size 13px
+      color #828288
+      line-height 40px
+
+      .categorys
+        width 45% !important
+
+        a
+          color #22ac38
+
+      .col-lg-4
+        float left
+
+      .extend-list-user .avatar
+        width 30px
+        height 30px
+        border-radius 100%
+        margin-right 10px
+        margin-left 10px
\ No newline at end of file