文章转载自:featwork
话不多说 先上图看效果
css代码:
- .feat-content {
- min-height: 180rpx;
- }
- .feat-title {
- font-size: 32rpx;
- line-height: 52rpx;
- overflow: hidden;
- display: -webkit-box;
- word-break: break-all;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- }
- .feat-content .feat-title {
- padding: 0 40% 0 0;
- }
- .feat-text .feat-a {
- padding: 15rpx 15rpx 0 0;
- font-size: 28rpx;
- font-weight: 400;
- line-height: 48rpx;
- color: --color(--qui-FC-AAA);
- float: left;
- }
- .feat-text .feat-b {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 30%;
- }
- .feat-imgone image {
- position: absolute;
- top: 30rpx;
- right: 30rpx;
- display: block;
- width: 220rpx;
- height: 180rpx;
- background: #fff;
- border-radius: 5rpx;
- }
复制代码 直接替换qui-content.vue文件
位置:src\components\qui-content\qui-content.vue
|
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请联系站长!
2. 本站管理员QQ:564252584!
3. 盗版,破解有损他人权益和违法作为,请各位站长友善发言!