小程序 table_小程序下滑样式

小程序 table_小程序下滑样式先看效果图wxml<viewclass=”mdui-m-t-2mudi-f-s-24″>1.养老保险</view><viewclass=”mdui-m-t-1mudi-indentmudi-f-s-20″>养老保险,全称社会基本养老保险,是国家和社会根据一定的法律和法规,为解决劳动者在达到国家规定的解除劳动义务的劳动…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

先看效果图

在这里插入图片描述

wxml

  <view class="mdui-m-t-2 mudi-f-s-24">
  1. 养老保险
  </view>
  <view class="mdui-m-t-1 mudi-indent mudi-f-s-20">
  养老保险,全称社会基本养老保险,是国家和社会根据一定的法律和法规,为解决劳动者在达到国家规定的解除劳动义务的劳动年龄界限,或因年老丧失劳动能力退出劳动岗位后的基本生活而建立的一种社会保险制度。
  以上海为例,养老保险扣费基础:
  </view>
  <view class='history-table-wrap'>
    <view class="table mdui-m-t-1">
      <view class="tr">
        <view class="th">缴费上限</view>
        <view class="th">缴费下限</view>
        <view class="th">公司比例</view>
        <view class="th">个人比例</view>
        <view class="th">合计比例</view>
      </view>
      <view class="tr">
        <view class="td">xxxx元</view>
        <view class="td">xxxx元</view>
        <view class="td">20%</view>
        <view class="td">4%</view>
        <view class="td">24%</view>
      </view>
    </view>
  </view>

wxss

/* 表格代码 */
.table{ 
   
  border:1px solid #dadada;
  border-right:0;
  border-bottom: 0;
  width: 98%;
  margin-left: 1%;
}
.tr{ 
   
  width:100%;
  display: flex;
  justify-content: space-between;
}
.th,.td{ 
   
  padding: 10px;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  text-align: center;
  width: 20%;
}

.th{ 
   
  font-weight: 800;
  background-color: #00AEFF;
  font-size: 24rpx;
  color: white;
}
.td{ 
   
  font-size: 20rpx;
  color: #ec9480;
}

具体效果可扫码体验

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/193504.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • java打印菱形代码_java打印菱形代码

    java打印菱形代码_java打印菱形代码1.任意菱形//菱形Scannermyscanner=newScanner(System.in);intn=myscanner.nextInt();for(inti=0;i<n/2+1;i++){//控制行数for(intj=0;j<n/2-i;j++){//打印空格System.out.print(“”);

  • idea 20.3激活码(最新序列号破解)

    idea 20.3激活码(最新序列号破解),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • Nginx简单配置转发

    问题分析一台服务器运行多个项目的时候会遇到这样的问题:如果使用同一个tomcat来启动不同项目的话,项目之间会相互影响;如果用多个tomcat运行项目,那么在访问项目的时候又不能都使用80端口,还要加上端口号,显得很麻烦又不美观。考虑用Nginx实现转发,目标是通过访问不同的域名实现对不同tomcat上运行的项目的跳转,例如访问www.a.com跳转到本地的8088端口的项目,访问www…

  • 字典树(前缀树)_字典树java实现

    字典树(前缀树)_字典树java实现什么是字典树?叫前缀树更容易理解字典树的样子Trie又被称为前缀树、字典树,所以当然是一棵树。上面这棵Trie树包含的字符串集合是{in,inn,int,tea,ten,to}。每个节点的编号是我们为了描述方便加上去的。树中的每一条边上都标识有一个字符。这些字符可以是任意一个字符集中的字符。比如对于都是小写字母的字符串,字符集就是’a’-‘z’;对于都是数字的字符串,字…

  • arpspoof怎么安装_添加静态arp的命令

    arpspoof怎么安装_添加静态arp的命令安装参考https安装测试安装是否成功arpspoofVersion2.4Usage。

  • 【Redis】五种数据类型及其使用场景

    Redis数据类型五种类型与类比java的模型string–>Stringhash–>Hashmaplist–>LinkListset–>HashSetsorted_set–>TreeSetString类型redis数据存储格式redis自身是一个Map类型的存储方式,其中所有的数据都是采用key:value的形式存储我们讨论的数据类型指的是存储的数据的类型,也就是value部分的类型,key部分永远都是字符串St

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号