钉钉小程序——页面背景变灰

最新推荐文章于 2023-10-12 16:35:41 发布

前端界小学生

最新推荐文章于 2023-10-12 16:35:41 发布

阅读量220

点赞数

分类专栏：笔记文章标签：小程序钉钉前端

本文链接：https://blog.csdn.net/weixin_49001026/article/details/128813846

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

钉钉小程序——页面背景变灰

主要代码

style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);"

 <!-- 已逾期列表 -->
    <view style="width:94%;margin:0 auto;display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap;">
      <view class="allist" a:if="{{TabCur==2}}" a:for="{{overlist}}" data-gzid="{{item.gzid}}" data-ywid="{{item.ywid}}" data-bzrq="{{item.qwwcsj}}" data-rwmc="{{item.rwmc}}" 
        data-pxbt="{{item.ywmc}}" data-gqsj="{{item.gqsj.substring(0,10)}}" style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);">
        <image class="img" src={{imgurl+item.tpwjlj}} mode="aspectFill"></image>
        <view class="title text-content">
          <view class="text-black text-bold" style="text-overflow: ellipsis;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;">{{item.ywmc}}</view>
          <view style="display:flex;justify-content:space-between;margin-top:10px;">
            <view class="rwmc" style="height:20px;line-height:18px;">{{item.pxlbmc}}</view>
            <view>
              <view class="rq">{{item.lrsj}} 布置</view>
              <view class="rq">{{item.gqsj.substring(0,10)}} 截止</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="padding text-center" onTap="loadMoreData">
      <text class="text-grey">{{loadmore}}</text>
    </view>

结果展示在这里插入图片描述