七零八落

//动态加载数字
/*
* startNum代表要跳动的初始数字;
* targetNum代表要跳动到的数字;
* time代表要跳动需要花费的时间;
* selector代表要跳动元素的选择器
* */
window.setJumpNumber = (startNum, targetNum, time = 1, selector) => {
     let dom = document.querySelector(selector);
     let originNum = startNum;
     let stepNum = 0;
     let timeNum = time;
     dom.innerHTML = startNum;

     let timeId = setInterval(() => {
         if (originNum < targetNum) {
             timeNum -= 0.001;
             let strNum = originNum.toString();
              //数字比较少的时候直接用 + 1; 数字很大直接 +1 要很久才能调到最对应的数字，所有后三位数随机跳动的方式进行模拟生成
             if (targetNum.toString().length < 6) {
                 stepNum += 1; // 这样才可以实现越跳越快的效果
                 originNum = originNum + stepNum;
                 dom.innerHTML = originNum;
              } else {
                  stepNum += 500; // 这样才可以实现越跳越快的效果
                  originNum = originNum + stepNum;
                  dom.innerHTML = strNum.substr(0, strNum.length - 3) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10);
              }
          } else {
               dom.innerHTML = targetNum;
               clearInterval(timeId);
          }
     }, timeNum);
};

setJumpNumber(1,6210,1,'#num1');

<div class="layui-input-inline">
    <input type="checkbox" class="checkboxAll" lay-skin="primary"  lay-filter="allChoose" title='全选'>
</div>
<input type="checkbox" name="check[]" value="{$item.id}" lay-skin="primary" title="{$item.type_name}" lay-filter="oneChoose">

layui.use(['layer','form'], function () {
        var form = layui.form
        ,layer = layui.layer;


      form.on('checkbox(allChoose)', function (data) {
        $("input[name='check[]']").each(function () {
            this.checked = data.elem.checked;
            // console.log(data);
        });
        form.render('checkbox');
      });

    });

    $('#sub').click(function(){
      var items =[];
      $("input[name='check[]']:checked").each(  
        function(){  
          items.push($(this).val());
        }) 
      console.log(items);
    })

$(function(){ 
    //载入声音文件
    $('<audio id="chatAudio"><source src="notify.ogg" type="audio/ogg">
    <source src="notify.mp3" type="audio/mpeg"><source src="notify.wav" type="audio/wav">
    </audio>'

    //播放声音
    $('#chatAudio')[0].play(); 
})

<button v-if="!unbind" v-on:click="addClick">点击</button>
<button v-else >点击</button>

<p @click="flag && clickEvent()"></p>

<template>
    <div class="index">
      <div class="scroll">
        <ul :style="{top}" :class="{transition:index!=0}">
          <li v-for="(item,index) in list">
            {{"第"+item+"条数据"}}
          </li>
          <li>
            {{"第"+list[0]+"条数据"}}
          </li>
        </ul>
      </div>
      <router-link to="/">hello</router-link>
    </div>
  </template>

img{width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 20px}
ul{position: relative;}
li{overflow: hidden;white-space: nowrap;  text-overflow:ellipsis;width: 80%;height: 60px;line-height: 60px;text-align: left;margin: 0;font-size: 14px}
.scroll{height:60px;overflow: hidden;font-size: 0px;  position: relative;}
.transition{transition: top 0.5s}

<script>
    export default {
      name: 'HelloWorld',
      data() {
        return {
          list: [
            "一","二","三","四","五","六","七","八","九","十"
          ],
          top: "",
          index: 0,
          p:""
        }
      },
      mounted() {
        this.goScroll()
      },
      methods: {
        goScroll() {
          var _this = this;
          this.p = setInterval(() => {
            console.log(22)
            _this.top = -60 * _this.index + 'px';
            if (_this.index >= this.list.length + 1) {
              _this.index = 0;
              _this.top = -0 + 'px';
              clearInterval(_this.p);
              _this.continueScroll()
            } else {
              _this.index++;
            }
          }, 1000)
        }, 
        continueScroll(){
          var _this=this;
        setTimeout(() => {
          _this.index=1;
        _this.top = -60 * this.index+ 'px';
        _this.index++
         this.goScroll()
        },100);
      }
      },
      destroyed(){
        clearInterval( this.p );
      }
    }

  </script>

@import "../../wxParse/wxParse.wxss";

var WxParse = require('../../wxParse/wxParse.js');

Page({
  data: {

  },
  onLoad: function () {
    const that = this;

    var article = "<p>避免用不干净的手去碰手术伤口，以免引起细菌感染；术后姿势要注意，睡觉时枕高头部，有助于消肿；术后冷敷只需要1~2天，之后要热敷，热敷可以帮助血液循环；可以适量服用消炎药；恢复前不能佩戴隐形眼镜；饮食尽量清淡，不要吃海鲜、辛辣等食物。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">现在正流行的韩式三点双眼皮，和切开法、埋线法相比较，区别在哪里？</font></p>" +
      "<p>韩式三点算是部分切开法，手术的切口是三个小点，它的优点是只有三个小痕迹，不明显，缺点是只能去脂肪，不能去皮。完全切开法是切开一条长线，可以去脂去皮。而埋线的话则是没有切口，不能去脂去皮，只是通过缝合的方法来打造双眼皮。韩式三点适合眼皮比较薄，眼部脂肪不多、皮肤不松的人，轻微的肿泡眼也可以做。所以也可以理解为适合</p>" +
      "<p>做埋线的就适合做韩式三点。</p>" +
      "<p><font color=\"#e8714f\"><br /></font></p>" +
      "<p><font color=\"#e8714f\">做了双眼皮会不会影响我的视力？</font></p>" +
      "<p>上眼皮，下眼皮，眼球的视觉系统是三个相对独立的解剖生理结构和部位，所以手术是不会对视力产生影响的。</p>"
      
    /**
    * WxParse.wxParse(bindName , type, data, target,imagePadding)
    * 1.bindName绑定的数据名(必填)
    * 2.type可以为html或者md(必填)
    * 3.data为传入的具体数据(必填)
    * 4.target为Page对象,一般为this(必填)
    * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
    */
    
    WxParse.wxParse('article', 'html', article, that, 5);
  }
})

<import src="../../wxParse/wxParse.wxml"/> 
<view class="wxParse">
    <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
</view>

publicPath:'./'

output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
},

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
  }