bootstrap5圆角按钮，胶囊按钮，实现直角rounded-0，大圆角rounded-3，小圆角rounded-1

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

rounded-pill rounded-0

打开边栏(ESC) 关闭边栏(ESC)

from clipboard

默认按钮自带圆角

.btn{border-radius:.25rem!important}

.rounded{border-radius:.25rem!important}
.rounded-0{border-radius:0!important}
.rounded-1{border-radius:.2rem!important}
.rounded-2{border-radius:.25rem!important}
.rounded-3{border-radius:.3rem!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:50rem!important}

其他

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

赏

前一篇

bootstrap5 上下左右边框.border-top,....

后一篇

bootstrap5宽度100% .w-100高度100% ...

相关推荐

bootstrap5文字截断，超出部分显示省略号，多行文字截断

Bootstrap5 | 2021-09-14 3956

bootstrap5对于较长的内容，可以添加.text-truncate类别，以省略号截断文字。需为display: inline-block或是display: block。  <div class="row"> <di...

bootstrap5 横线(水平线)hr的使用

Bootstrap5 | 2022-06-15 3346

bootstrap5 横线(水平线)hr的使用 css样式： hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { heigh...