lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>消息中心-创业帮</title>
    <meta name="keywords" content="营销助手-创业帮">
    <meta name="description" content="营销助手-创业帮">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="营销助手-创业帮">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/main.css">
  </head>
  <body class="pt0 pb0 ovh" style="padding-top:0;">
    <div class="marketing-ssistant-search marketing-ssistant" id="app" v-cloak>
      <van-nav-bar class="mall_title bottom_line" title="搜索" @click-left="goback" v-if="true">
        <template #left> <img src="./static/images/left.png" alt=""></template>
      </van-nav-bar>
      <van-search v-model="searchcontent" shape="round" show-action placeholder="请输入搜索关键词" @search="onSearch">
        <template #action> 
          <div @click="onSearch">搜索</div>
        </template>
      </van-search>
      <div class="searchpanel" v-if="!issearch">
        <div class="df mt10">
          <div class="f14 c333 b">历史搜索</div>
          <div @click="deletesearch"><img src="./static/images/address-delete.png" alt=""></div>
        </div>
        <div class="tagpanel">
          <div class="tag c666" v-for="item in searchcount" @click="hotsearch('1标签镖旗')">1标签镖旗</div>
          <div class="tag c666" v-if="searchcount === 0">暂无数据</div>
        </div>
        <div class="f14 c333 mt10 b">近期热门</div>
        <div class="tagpanel">
          <div class="tag c666" v-for="item in searchcount" @click="hotsearch('章鱼哥在干，啊？ 蟹老')">章鱼哥在干，啊？ 蟹老</div>
          <div class="tag c666" v-if="searchcount === 0">暂无数据</div>
        </div>
      </div>
      <div class="ovh-x" ref="wrapper1" v-if="issearch">
        <van-pull-refresh v-model="refreshing" @refresh="onRefresh" :class="activelist.length === 0 ? 'isnodata':''" style="min-height: 50vh;height:100%;">
          <van-list v-model="loading" :finished="finished" finished-text="" @load="onLoad" :immediate-check="false">
            <div class="bgcfff ovh">
              <div class="marketing-panel bgcfff df" v-for="item,ind in 3" @click="godetail(item.Id)">
                <div class="marketing-main">
                  <div class="flex1">
                    <div class="title df"> 
                      <div class="df"><img class="userphoto" src="https://cdn.novenn.com/random/avatars/1595853576780.jpg" alt="">
                        <div class="namepanel df">
                          <div class="name f16 c666">卓文君</div>
                          <div class="name f10 c999">2020:12:15</div>
                        </div>
                      </div>
                      <div class="greatnum df ft-color"><img src="./static/images/marketing-ssistant-fire.png" alt=""><span>11分享</span></div>
                    </div>
                    <div class="main f14 c333" v-if="isshowall">{{hidestrlength(str)}} <span class="bluecolor ml6" v-if="str.length &gt; 140" @click.stop="isshowall = false">全文</span></div>
                    <div class="main f14 c333" v-else :id="'place' + ind">{{str}}<span class="bluecolor ml6" v-if="str.length &gt; 140" @click.stop="isshowall = true">收起</span></div>
                    <div class="imgposition mt16 cf" v-if="ind == 0"><img src="https://cdn.novenn.com/random/images/2021-04-27.jpg" alt="" v-for="item,index in 8" :key="index" :class="(index+1)%3 !== 0 ? 'unspimg' : ''"></div>
                    <div class="imgpositiononly mt16 cf" v-if="ind == 1"><img src="https://cdn.novenn.com/random/images/2020-06-24.jpg" alt=""></div>
                    <div class="imgpositionurl mt16 df cf" v-if="ind == 2 "><img src="https://cdn.novenn.com/random/images/2020-06-24.jpg" alt="">
                      <div class="c333 f12 df urlpanel">
                        <div>{{hidestrlength(str2, 32)}} <span class="bluecolor f12 ml6">详情></span></div>
                      </div>
                    </div>
                    <div class="bottominfo df">
                      <div class="time cccc f12">昨日 00：00</div>
                      <div class="time c999 f12 df" :data-clipboard-text="str" data-clipboard-action="copy" :ref="'copy'" @click.stop="copyPLACE(ind)" @mouseenter="copyPLACE(ind)"><img src="./static/images/icon-copy.png" alt="">
                        <div>复制文案</div>
                      </div>
                      <div class="time c999 f12 df" @click.stop="shareshow = true"><img src="./static/images/icon-copy.png" alt="">
                        <div>分享</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </van-list>
        </van-pull-refresh>
      </div>
      <van-empty class="custom-image" image="./static/images/search-nodata.png" description="未搜索到数据" v-if="isnodata"></van-empty>
    </div> 
    <script src="./static/js/klm-vv.min.js"></script>
    <script src="./static/js/appfunc.min.js"></script>
    <script src="./static/js/klm-axios-config.js"></script>
    <script src="./static/js/publicfn.js"></script>
    <script>
      // 通过 CDN 引入时不会自动注册 Lazyload 组件
      // 可以通过下面的方式手动注册
      Vue.use(vant.Lazyload);
      //- PublicLib.SetStatusBarBgColor({bgcolor:'ffffff'});
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            str:'这段文字，包含各类中文标点符号。文本框最多一百四十字。不足一百字时直接按文本框实际规格匹配。5465864184156415641564156156416这段文字，包含各类中文标点符号。文本框最多一百四十字。不足一百字时直接按文本框实际规格匹配。5465864184156415641564156156416这段文字，包含各类中文标点符号。文本框最多一百四十字。不足一百字时直接按文本框实际规格匹配。5465864184156415641564156156416',
            str2:'这段文字，包含各类中文标点符号。文本框最多一百四十字。不21561541651651561',
            //- 正文是否显示全部
            isshowall:true,
            //- 缩略图是否显示全部
            showall:true,
            refreshing:false,
            finished:false,
            searchcontent:'',
            activelist:[],
            openOverlay: true,
            tabsisshow:false,
            loading:false,
            timeOutEvent:0,
            issearch:false,
            isnodata:false,
            searchcount:10,
          };
        },
        created() {
          this.searchcontent = PublicLib.getCookieInfo('marketingsearchcontent');
          PublicLib.putCookieInfo('marketingsearchcontent', '');
          this.onSearch();
        },
        mounted(){
          this.$nextTick(() => {
            this.$refs.wrapper1.style.height = `${document.documentElement.clientHeight - 60}px`;
          });
        },
        methods: {
          //- 热门搜索
          hotsearch(str){
            this.searchcontent = str;
            this.onSearch();
          },
          deletesearch(){
            console.log('删除历史记录');
            this.searchcount = 0;
          },
          godetail(id){
            PublicLib.putCookieInfo('marketingdetailid', id);
            PublicLib.Goto({Url:'marketing-ssistant-detail'});
          },
          onSearch(){
            if(this.searchcontent === ''){
              this.issearch = false;
            }else{
              this.issearch = true;
            };
          },
          closepop(){
          },
          goback(){
            PublicLib.GoBack({Level:1});
          },
          onLoad() {
              if (this.refreshing) {
                this.activelist = [];
                this.refreshing = false;
              }
              //- this.pageinfo.PageNum++;
              //- this.getnoticecount();
          },
          onRefresh() {
            //- this.pageinfo.PageNum = 0;
            this.finished = false;
            // 将 loading 设置为 true，表示处于加载状态
            this.loading = true;
            this.onLoad();
          },
        }
      });
    </script>
  </body>
</html>