(十一) Docker compose 部署 Mysql 和 其它容器

文章目录

  • 1、前言
    • 1.1、部署 MySQL 容器的 3 种类型
    • 1.2、M2芯片类型问题
  • 2、具体实现
    • 2.1、单独部署 mysql 供宿主机访问
      • 2.1.1、文件夹结构
      • 2.1.2、docker-compose.yml 内容
      • 2.1.3、运行
    • 2.2、单独部署 mysql 容器供其它容器访问（以 apollo 为例）
      • 2.2.1、文件夹结构
      • 2.2.2、docker-compose.yml 内容
      • 2.2.3、运行
      • 2.2.4、 客户端配置
    • 2.3、使用一个 compose 文件，同时部署 mysql 和其它容器（以 apollo 为例）
      • 2.3.1、文件夹结构
      • 2.3.2、compose 文件内容
      • 2.3.3、运行
      • 2.3.4、 客户端配置
  • 3、附录
    • 3.1、调试可能用到的命令
    • 3.2、apollo 配置参考

1、前言

1.1、部署 MySQL 容器的 3 种类型

在容器中部署 Mysql 会有三种网络分布类型：

  • 单独部署 mysql 容器，宿主机通过端口映射访问 容器 mysql

  • 使用两个 compose 文件，分别部署 mysql 容器和其它容器（比如 apollo 的 config-service、admin-service、portal）

  • 使用一个 compose 文件，同时部署 mysql 和其它容器（比如 apollo 的 config-service、admin-service、portal），其它容器通过mysql容器名:容器端口访问 mysql,此时相当于一次部署了 4 个容器

1.2、M2芯片类型问题

容器来自镜像，而镜像和芯片架构有关。
部署完容器之后，又会涉及一些工具软件(比如 workbench)的适配问题。

一般而言，使用 compose 直接使用 镜像名:latest 即可，但是使用 Mysql,为了寻求 M2芯片&mysql镜像&workbench 适配，我们需要增加一些特殊配置。

  • 指定架构类型
    platform: linux/amd64 #x86_64 系统（大多数桌面和服务器）
    platform: linux/arm64 #ARM64 系统（例如 Apple M1/M2）
    platform: linux/arm/v7 #32 位 ARM 系统（例如旧版 Raspberry Pi）

  • 指定 镜像版本

image: mysql:8.0.30

2、具体实现

2.1、单独部署 mysql 供宿主机访问

2.1.1、文件夹结构

sql 可以放置 xxx.sql 脚本，不过建议容器启动后，再手动执行。
data 为宿主机挂载容器的数据目录。
在这里插入图片描述

2.1.2、docker-compose.yml 内容

# 如果需要自定义共享网络 
# docker network create bestcxx-network
# 自定义工程名称，默认文件夹名，影响注册网络名，AAA_网络名，或者 docker-compose -p diy_project_name up 启动时定义
# 外部连接时，需要 &allowPublicKeyRetrieval=true 以支持明文连接数据库
version: '3.8'

services:
  mysql-db-withdata:
    #platform:  linux/arm64 #非 arm 架构芯片可以注释本行
    image: mysql:8.0.30 #M2 版本 8.0.30,目前最新 workbench 最高到 8  #非 arm 架构芯片可以写 image: mysql:latest
    container_name: mysql-db-withdata
    restart: always
    ports:
      - "13306:3306"
    environment:
      MYSQL_ROOT_PASSWORD: rootadmin
      MYSQL_DATABASE: apollodb
      MYSQL_USER: userapollo
      MYSQL_PASSWORD: userapollo
    volumes:
      #- ./sql:/docker-entrypoint-initdb.d # 自动加载运行 /sql 目录下的脚本 xxx.sql
      - ./data:/var/lib/mysql # 在宿主机持久化数据
    networks:
      bestcxx-network:
networks:
  bestcxx-network:

2.1.3、运行

在 Mysql 文件夹目录下执行

# docker-compose stop
docker-compose up -d

2.2、单独部署 mysql 容器供其它容器访问（以 apollo 为例）

最终容器运行形态展示
在这里插入图片描述

这里需要为两个容器创建一个共同的容器网络。
默认情况下，每启动一个容器，会自动创建一个 文件夹_网络名 的容器网络，当多个 compose 文件启动容器时，可以在命令行加入配置，使得不同的 compose 启动的多个容器使用共同的容器名、内部定义相同的网络名——最终共享同一个容器网络。

  • 创建一个容器网络，网络名为 bestcxx-network 
docker network create bestcxx-network
  • compose 使用指定工程名，实际出册网络为 工程名_compose设置的网络名
# 默认会以文件夹作为工程名 docker-compose up -d
docker-compose -p diy_project_name up # 以 diy_project_name 作为工程名
  • compose 设定使用外部已有网络

如下，使用名为 bestcxx-network 的外部网络

networks:
  bestcxx-network:
    external: true
  • 查看容器网络列表
docker network ls
  • 删除容器网络
docker network rm  mysql_bestcxx-network

2.2.1、文件夹结构

  • mysql
    sql 可以放置 xxx.sql 脚本，不过建议容器启动后，再手动执行。
    data 为宿主机挂载容器的数据目录。
    在这里插入图片描述
  • apollo
    在这里插入图片描述

2.2.2、docker-compose.yml 内容

  • mysql
# 如果需要自定义共享网络 
# docker network create bestcxx-network
# 自定义工程名称，默认文件夹名，影响注册网络名，AAA_网络名，或者 docker-compose -p diy_project_name up 启动时定义
# 外部连接时，需要 &allowPublicKeyRetrieval=true 以支持明文连接数据库
version: '3.8'

services:
  mysql-db-withdata:
    #platform:  linux/arm64 #非 arm 架构芯片可以注释本行
    image: mysql:8.0.30 #M2 版本 8.0.30,目前最新 workbench 最高到 8  #非 arm 架构芯片可以写 image: mysql:latest
    container_name: mysql-db-withdata
    restart: always
    ports:
      - "13306:3306"
    environment:
      MYSQL_ROOT_PASSWORD: rootadmin
      MYSQL_DATABASE: apollodb
      MYSQL_USER: userapollo
      MYSQL_PASSWORD: userapollo
    volumes:
      #- ./sql:/docker-entrypoint-initdb.d # 自动加载运行 /sql 目录下的脚本 xxx.sql
      - ./data:/var/lib/mysql # 在宿主机持久化数据
    networks:
      bestcxx-network:
networks:
  bestcxx-network:
    external: true
  • apollo

version: '3.6'
services:
  config-service:
    image: apolloconfig/apollo-configservice
    container_name: apollo-config-service
    hostname: config-service
    environment:
      #- SPRING_DATASOURCE_URL=jdbc:mysql://host.docker.internal:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://127.0.0.1:8080
    ports:
      - 8080:8080 # 宿主机端口 : 容器端口
    networks:
      bestcxx-network:

  admin-service:
    image: apolloconfig/apollo-adminservice
    container_name: apollo-admin-service
    hostname: admin-service
    environment:
      #- SPRING_DATASOURCE_URL=jdbc:mysql://host.docker.internal:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - CONFIGSERVICE_URL=http://config-service:8080
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://admin-service:8090
    ports:
      - 8090:8090
    depends_on:
      - config-service
    networks:
      bestcxx-network:

  portal:
    image: apolloconfig/apollo-portal
    container_name: apollo-portal
    hostname: portal
    environment:
      #- SPRING_DATASOURCE_URL=jdbc:mysql://host.docker.internal:3306/ApolloPortalDB?useSSL=false&characterEncoding=utf8
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloPortalDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - APOLLO_PORTAL_ENVS=dev
      - DEV_META=http://config-service:8080
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://portal:8070
    ports:
      - 8070:8070
    depends_on:
      - config-service
      - admin-service
    networks:
      bestcxx-network:

networks:
  bestcxx-network:
    external: true

2.2.3、运行

  • 创建网络
docker network create bestcxx-network

在这里插入图片描述

  • 以指定工程名方式启动 mysql
    在 Mysql 文件夹下执行
docker-compose -p diy_project_name up

然后进行操作（建议使用 workbench）

#给用户 userapollo 授权-可以全部授权

CREATEUSER'userapollo'@'%' IDENTIFIED BY'userapollo';GRANTALL PRIVILEGES ON ApolloConfigDB.*TO'userapollo'@'%';GRANTALL PRIVILEGES ON ApolloPortalDB.*TO'userapollo'@'%';FLUSH PRIVILEGES;

#创建数据库:
CREATE DATABASE ApolloConfigDB;
CREATE DATABASE ApolloPortalDB;

#执行 apollo 官方建表&初始化 sql
https://github.com/apolloconfig/apollo/tree/master/scripts/sql

# 执行开发环境适配 sql
UPDATE `ApolloConfigDB`.`ServerConfig` SET `Value` = 'http://config-service:8080/eureka/' WHERE (`Id` = '1');
UPDATE `ApolloPortalDB`.`ServerConfig` SET `Value` = '{\"dev\":\"http://config-service:8080\"}' WHERE (`Id` = '8');
  • 以指定工程名方式启动 apollo
    在 Apollo 文件夹下执行
docker-compose -p diy_project_name up

2.2.4、 客户端配置

{
  "apollo": {
    "AppId": "helloabp",
    "Env": "dev",
    "Cluster": "default",
    "MetaServer": "http://localhost:8080",
    "Namespaces": [
      "hello.web.json"
    ]
  },
  "ClientId": "bestcxxLocal"
}

2.3、使用一个 compose 文件，同时部署 mysql 和其它容器（以 apollo 为例）

  • 最终形态
    在这里插入图片描述
  • 容器网络
    在这里插入图片描述

2.3.1、文件夹结构

sql 可以放置 xxx.sql 脚本，不过建议容器启动后，再手动执行。
data 为宿主机挂载容器的数据目录。
在这里插入图片描述

2.3.2、compose 文件内容

  • ApolloMysql
version: '3.6'

services:
  mysql-db-withdata:
    #platform:  linux/arm64 #非 arm 架构芯片可以注释本行
    image: mysql:8.0.30 #M2 版本 8.0.30,目前最新 workbench 最高到 8  #非 arm 架构芯片可以写 image: mysql:latest
    container_name: mysql-db-withdata
    restart: always
    ports:
      - "13306:3306"
    environment:
      MYSQL_ROOT_PASSWORD: rootadmin
      MYSQL_DATABASE: apollodb
      MYSQL_USER: userapollo
      MYSQL_PASSWORD: userapollo
    volumes:
      - ./sql:/docker-entrypoint-initdb.d # 自动加载运行 /sql 目录下的脚本 xxx.sql
      - ./data:/var/lib/mysql # 在宿主机持久化数据
    networks:
      apollo-network:

  config-service:
    image: apolloconfig/apollo-configservice
    container_name: apollo-config-service
    hostname: config-service
    environment:
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://127.0.0.1:8080 #配置为 http://config-service:8080 可避免 http://127.0.0.1:8070/system_info.html check 报错，但是需要额外 /etc/hosts 配置
    ports:
      - 8080:8080 # 宿主机端口 : 容器端口
    networks:
      apollo-network:

  admin-service:
    image: apolloconfig/apollo-adminservice
    container_name: apollo-admin-service
    hostname: admin-service
    environment:
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloConfigDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - CONFIGSERVICE_URL=http://config-service:8080
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://admin-service:8090
    ports:
      - 8090:8090
    depends_on:
      - config-service
    networks:
      apollo-network:

  portal:
    image: apolloconfig/apollo-portal
    container_name: apollo-portal
    hostname: portal
    environment:
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql-db-withdata:3306/ApolloPortalDB?useSSL=false&characterEncoding=utf8&allowPublicKeyRetrieval=true
      - SPRING_DATASOURCE_USERNAME=userapollo
      - SPRING_DATASOURCE_PASSWORD=userapollo
      - APOLLO_PORTAL_ENVS=dev
      - DEV_META=http://config-service:8080
      - JAVA_OPTS=-Deureka.instance.homePageUrl=http://portal:8070
    ports:
      - 8070:8070
    depends_on:
      - config-service
      - admin-service
    networks:
      apollo-network:

networks:
  apollo-network:
    driver: bridge

2.3.3、运行

  • 以指定工程名方式启动 mysql
    在 ApolloMysql 文件夹下执行
docker-compose up -d

此时数据库启动，其余三个服务启动失败

  • 然后进行操作（建议使用 workbench）
#给用户 userapollo 授权-可以全部授权
CREATEUSER'userapollo'@'%' IDENTIFIED BY'userapollo';GRANTALL PRIVILEGES ON ApolloConfigDB.*TO'userapollo'@'%';GRANTALL PRIVILEGES ON ApolloPortalDB.*TO'userapollo'@'%';FLUSH PRIVILEGES;

#创建数据库:
CREATE DATABASE ApolloConfigDB;
CREATE DATABASE ApolloPortalDB;

#执行 apollo 官方建表&初始化 sql
https://github.com/apolloconfig/apollo/tree/master/scripts/sql

# 执行开发环境适配 sql
UPDATE `ApolloConfigDB`.`ServerConfig` SET `Value` = 'http://config-service:8080/eureka/' WHERE (`Id` = '1');
UPDATE `ApolloPortalDB`.`ServerConfig` SET `Value` = '{\"dev\":\"http://config-service:8080\"}' WHERE (`Id` = '8');
  • 然后依次启动 config-service、admin-service、portal
    portal 可能还会少量报错，这是因为初始化配置需要发布下

2.3.4、 客户端配置

{
  "apollo": {
    "AppId": "helloabp",
    "Env": "dev",
    "Cluster": "default",
    "MetaServer": "http://localhost:8080",
    "Namespaces": [
      "hello.web.json"
    ]
  },
  "ClientId": "bestcxxLocal"
}

3、附录

3.1、调试可能用到的命令

docker-compose stop 
docker-compose up -d

3.2、apollo 配置参考

{
    "MyApollo": {
        "Name": "bestcxx"
        }
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/784990.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

allWebPlugin中间件实现ActiveX插件在谷歌、火狐、Edge浏览器使用

allWebPlugin中间件实现ActiveX插件在谷歌、火狐、Edge浏览器使用

下载并安装allWebPlugin中间件 1、请从下面地址下载allWebPlugin中间件产品： 链接：https://pan.baidu.com/s/1xUyQDzOabh7mU7J7TYhtig?pwdz3q0 提取码：z3q0 如下图所示，下载最新allWebPlugin_x86_v2.0.0.14_stable_20240707…
阅读更多...
Flutter【组件】标签

Flutter【组件】标签

简介 flutter 标签组件。标签组件是一种常见的 UI 元素，用于显示和管理多个标签（或标签集合）。 github地址： https://github.com/ThinkerJack/jac_uikit pub地址：https://pub.dev/packages/jac_uikit 使用方式&…
阅读更多...
机器学习：预测评估8类指标

机器学习：预测评估8类指标

机器学习：8类预测评估指标 R方值、平均值绝对误差值MAE、均方误差MSE、均方误差根EMSE、中位数绝对误差MAD、平均绝对百分误差MAPE、可解释方差分EVS、均方根对数误差MLSE。 一、R方值 1、说明： R方值，也称为确定系数或拟合优度&#xff…
阅读更多...
Python 基础知识：为什么使用 __init__.py ？

Python 基础知识：为什么使用 __init__.py ？

大家好！今天，我们将深入了解 Python 中的 __init__.py 文件，这个小文件却能干大事。让我们抛开任何专业术语，直接进入正题。 什么是 __init__.py ？ 假设你有一个 Python 目录，里面有一堆 Python 文件&…
阅读更多...
从零开始做题：My_lllp

从零开始做题：My_lllp

题目 给出一张png图片 解题 ┌──(holyeyes㉿kali2023)-[~/Misc/题目/zulu/My_lllp] └─$ python2 lsb.py extract my_lllp.png out.txt my_lllp [] Image size: 1080x1079 pixels. [] Written extracted data to out.txt. ┌──(holyeyes㉿kali2023)-[~/Misc/题目/zul…
阅读更多...
绝区伍--2024年AI发展路线图

绝区伍--2024年AI发展路线图

2024 年将是人工智能具有里程碑意义的一年。随着新模式、融资轮次和进步以惊人的速度出现，很难跟上人工智能世界发生的一切。让我们深入了解 2024 年可能定义人工智能的关键事件、产品发布、研究突破和趋势。 2024 年第一季度 2024 年第一季度将推出一些主要车型并…
阅读更多...
AI绘画Stable Diffusion：ControlNet组件—Scribble（涂鸦）赋予用户精细控制权，让涂鸦草图焕发生命力

AI绘画Stable Diffusion：ControlNet组件—Scribble（涂鸦）赋予用户精细控制权，让涂鸦草图焕发生命力

大家好，我是画画的小强 今天给大家分享一下AI绘画Stable Diffusion当中的：ControlNet Scribble组件，**Scribble（涂鸦）**技术是一种能够为用户提供独特的手动注释或标记图像（如：涂鸦、简笔画等&…
阅读更多...
变阻器的阻值范围是多少？

变阻器的阻值范围是多少？

变阻器，又称可变电阻器或电位器，是一种可以改变电阻值的电子元件。它通常由一个滑动臂、一个固定电阻体和一个滑动触点组成。通过滑动臂在固定电阻体上的位置变化，可以实现对电阻值的连续调整。变阻器广泛应用于各种电子设备中，如…
阅读更多...
2024 ACT汽车软件与安全技术周 | 龙智携全方位汽车软件开发解决方案亮相，助力应对汽车软件开发功能安全、合规等挑战

2024 ACT汽车软件与安全技术周 | 龙智携全方位汽车软件开发解决方案亮相，助力应对汽车软件开发功能安全、合规等挑战

2024年7月18-19日（周四-周五），2024第三届ACT汽车软件与安全技术周将在上海佘山翰悦阁酒店举办。 龙智即将携汽车开发及管理解决方案创新亮相，并在汽车信息安全技术峰会主会场上发表主题演讲，分享推动汽车软件开发与功…
阅读更多...
Java-Redis-Clickhouse-Jenkins-MybatisPlus-Zookeeper-vscode-Docker

Java-Redis-Clickhouse-Jenkins-MybatisPlus-Zookeeper-vscode-Docker

文章目录 Clickhouse基础实操windows docker desktop 下载clickhousespringboot项目配置clickhouse Redis谈下你对Redis的了解？Redis一般都有哪些使用的场景？Redis有哪些常见的功能？Redis支持的数据类型有哪些？Redis为什么这么快…
阅读更多...
电源中电感底部需要铺地平面吗？

电源中电感底部需要铺地平面吗？

感有交变电流，电感底部铺铜会在地平面上产生涡流，涡流效应会影响功率电感的电感量，涡流也会增加系统的损耗，同时交变电流产生的噪声会增加地平面的噪声，会影响其他信号的稳定性。 在EMC方面来看，在电感底部…
阅读更多...
DSSM双塔特征交互

DSSM双塔特征交互

传统的DSSM双塔无法在早期进行user和item侧的特征交互，这在一定程度上降低了模型性能。我们想要对双塔模型进行细粒度的特征交互，同时又不失双塔模型离线建向量索引的解耦性。下面介绍两篇这方面的工作。 美团-Dual Augmented Two-tower 在user和item的特…
阅读更多...
基于stm32开发的红外循迹小车

基于stm32开发的红外循迹小车

本项目算是接触32来开发的第一个小项目了，虽然前期用51写过一个循迹小车，以为直接转到32会比较简单，结果还是花了大几天才把小车的参数完全调完，以此来记录下自己的学习历程（注：循迹算法并未加入PID算法&am…
阅读更多...
AI网络爬虫016：用deepseek批量提取coze扣子的智能体数据

AI网络爬虫016：用deepseek批量提取coze扣子的智能体数据

文章目录 一、介绍二、输入内容三、输出内容一、介绍 动态加载页面，返回json数据： 翻页规律： https://www.coze.cn/api/marketplace 这两个URL在多个方面有所不同，主要差异如下： **查询参数（Query Parameters）**: - 第一个URL的查询参数包括： - `entity_type=1` - `…
阅读更多...
【VUE基础】VUE3第七节—Vue Router路由基础

【VUE基础】VUE3第七节—Vue Router路由基础

Vue Router 是 Vue 官方的客户端路由解决方案。 客户端路由的作用是在单页应用 (SPA) 中将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL 会随之更新，但页面不需要从服务器重新加载。 Vue Router 基于 Vue 的组件系统构建&…
阅读更多...
imazing电脑怎么下载 imazing怎么下载软件 使用iMazing下载和卸载Apple设备上的应用程序

imazing电脑怎么下载 imazing怎么下载软件 使用iMazing下载和卸载Apple设备上的应用程序

iMazing官方版是一款管理苹果设备的软件，是一款帮助用户管理 iOS手机的PC端应用程序，能力远超 iTunes 提供的终极 iOS 设备管理器。在iMazing官方版上与苹果设备连接后，可以轻松传输文件，浏览保存信息等，功能比iTunes更…
阅读更多...
rocketmq主从自动切换（Controller 嵌入 NameServer 部署）

rocketmq主从自动切换（Controller 嵌入 NameServer 部署）

rocketmq5以后，加入了主从自动切换的功能： 官网 https://rocketmq.apache.org/zh/docs/deploymentOperations/03autofailover 准备工作 1）关闭将要升级的nameserver、master、slave 2）复制master的store文件到其他两台机器&a…
阅读更多...
240708_昇思学习打卡-Day20-MindNLP ChatGLM-6B StreamChat

240708_昇思学习打卡-Day20-MindNLP ChatGLM-6B StreamChat

240708_昇思学习打卡-Day20-MindNLP ChatGLM-6B StreamChat 基于MindNLP和ChatGLM-6B实现一个聊天应用，本文进行简单记录。 环境配置 %%capture captured_output # 实验环境已经预装了mindspore2.2.14，如需更换mindspore版本，可更改下面mi…
阅读更多...
通过高德地图 JS API实现单击鼠标进行标注

通过高德地图 JS API实现单击鼠标进行标注

效果图： 核心代码： <template><a-modal title="选择地图所在位置" :width="width" :visible="visible" @ok="handleOk" @cancel="handleCancel" cancelText="关闭"><div class="location-…
阅读更多...
Flutter——最详细(Badge)使用教程

Flutter——最详细(Badge)使用教程

背景 主要常用于组件叠加上圆点提示&#xff1b; 使用场景&#xff0c;消息数量提示&#xff0c;消息红点提示 属性作用backgroundColor红点背景色smallSize设置红点大小isLabelVisible是否显示offset设置红点位置alignment设置红点位置child设置底部组件 代码块 class Badge…
阅读更多...
最新文章

Copyright @ 2022~2023