当前位置: 首页 > news >正文

uiapp+vue3具名插槽使用

<template><commom-recom-title><template #title>每日推荐</template><template #more><view class="date"><uni-icons type="calendar" size="25" color="#29B28C"></uni-icons><uni-dateformat :date="Date.now()" format="dd号"></uni-dateformat></view></template></commom-recom-title>
</template>
<style lang="scss" scoped>
</style>

在全局组件中

<template><view class="recomTitle"><view class="title"><slot name="title"></slot></view><view class="more"><slot name="more"></slot></view></view>
</template><script>export default {name:"commom-recom-title",data() {return {};}}
</script><style scoped lang="scss">
.recomTitle{width: 750rpx;height: 60rpx;line-height: 60rpx;padding: 0 30rpx;.title{float: left;font-size: 40rpx;}.more{float: right;}
}
</style>


http://www.mrgr.cn/news/1306.html

相关文章:

  • 机器学习:knn算法实现图像识别
  • Transformer2
  • 【JavaEE】JVM 内存区域划分,以及 Java 垃圾回收机制引用计数器,可达性分析等
  • Java-分割list并执行多线程任务的工具类
  • 简洁清新个人博客网页模板演示学习
  • 解决springboot中Aspect注解不生效问题
  • 快速解析数据挖掘,最短时间明白什么是数据挖掘------下
  • 【网络】 arp 命令 得到网段内所有物理设备ip
  • 使用Docker-compose一键部署Wordpress平台
  • Springboot邮件发送:如何配置SMTP服务器?
  • ISCC-2024--WP
  • pytorch自动微分
  • RabbitMQ-消息队列-centos7
  • 【Redis】有序集合(Zset)详解及实际应用场景分析:从命令操作到内部编码
  • 封装的 JavaScript 函数,用于判断一个变量是否为空,适用于不同类型的变量:
  • 【Hot100】LeetCode—21. 合并两个有序链表
  • 这是啥设计模式-适配模式
  • 数据结构----栈
  • sql注入——sqlilabs27-36
  • centos7 支持百万长连接,需要调优哪些参数?