小程序 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;
}

具体效果可扫码体验

在这里插入图片描述

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

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

(0)
上一篇 2025年11月24日 上午9:43
下一篇 2025年11月24日 上午10:15


相关推荐

  • keil如何生成bin文件_keil4生成bin文件

    keil如何生成bin文件_keil4生成bin文件如何利用KEIL生成bin文件并且用于固件更新?生成bin文件KEIL在编译完成后在Object目录下生成axf文件,我们可以使用fromelf工具将axf文件转化为bin文件。在User选项卡中可以看到如果勾选了Run#1选项,那么在编译完成之后(AfterBuild/Rebuild),就会执行该选项下的命令。接下来详细的探讨利用fromelf.exe转换工具是如何生成bin文件的。首先我们了解fromelf.exe转换工具的语法其格式如下:fromelf[…

    2022年10月20日
    4
  • java导出pdf模板_java模板导出PDF[通俗易懂]

    java导出pdf模板_java模板导出PDF[通俗易懂]本次完善综合特点:一对一,点对点的给对应的地方写值,比如模板里面放了个name标识,在程序里把“张三”赋给name,那么输出的pdf里面name的地方就变成了张三,准确方便快捷支持中文,可以使用自己下载的字体。支持图片:图片的大小范围可以在模板随意调,生成出来的图片不会超过范围。而且不需要根据坐标去算,程序里面自动计算的。支持多页模板,即使是好几页的模板,只要每个变量对应的范围确定好了,生成出来的…

    2022年5月10日
    44
  • vi/vim编辑器入门

    vi/vim编辑器入门前言 前段时间接触了这个 vi 编辑器 第一次用也是一脸懵比 花点时间学习了下基本操作 用惯了图形界面感觉还是挺新颖的 简介 vi 编辑器是所有 Unix 及 Linux 系统下标准的编辑器 对 Unix 及 Linux 系统的任何版本 vi 编辑器是完全相同的 vim 是 vi 的升级版 增加了一些功能 对 vi 命令是完全兼容的 在一些基本命令上两者应该是一样的 一 vi vim 的三种模式 vi 编辑器有三种模式 命令

    2026年3月18日
    2
  • system函数,WIFEXITED和WEXITSTATUS

    system函数,WIFEXITED和WEXITSTATUS1,在程序中,用exit来设置进程的退出值时,虽然该函数的参数类型为int型,但再父进程中只能取到其值的低8位.所以用exit返回值时,高于255的值是没有意义的.2,对于system函数,返回值是由两部分组成的,低8位值表示所执行的脚本在执行过程中所接收到的信号值,其余的位表示的脚本exit退出时所设置的值,即脚本内exit退出是的值的低8位,在system返回值的低9-1

    2025年6月21日
    7
  • OneAPI政务热线升级:接入讯飞星火语音识别+文心一言文本生成,坐席辅助响应提速3.2倍

    OneAPI政务热线升级:接入讯飞星火语音识别+文心一言文本生成,坐席辅助响应提速3.2倍

    2026年3月13日
    2
  • 自旋锁和互斥锁区别在哪_互斥锁的实现

    自旋锁和互斥锁区别在哪_互斥锁的实现POSIXthreads(简称Pthreads)是在多核平台上进行并行编程的一套常用的API。线程同步(ThreadSynchronization)是并行编程中非常重要的通讯手段,其中最典型的应用就是用Pthreads提供的锁机制(lock)来对多个线程之间共享的临界区(CriticalSection)进行保护(另一种常用的同步机制是barrier)。Pthreads提供了多种锁机制:…

    2025年8月20日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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