uniapp使用小程序开发者工具骨架屏skleton

1.效果图：

效果还是非常不错的，主要是还不用自己添加类名

 2.实现方法(1.小程序)：

1.微信开发者工具-点击生成骨架屏

 2.引入生成的wxml和wxss

<import src="trendIndex.skeleton.wxml"/>   //1.引入

<template is="skeleton" wx-if="{ {loading}}" />         //默认显示骨架屏

data: function data() {

    return {

      loading: true,   //在data中定义loading: true

}}

//用view把原来的代码包裹起来写上v-else

最后数据请求后loading = false