三、模板与配置(下)

三、模板与配置

8、WXSS模板样式-全局样式和局部样式

类型说明适用情景注意点
全局样式定义在 app.wxss 中的样式,作用于每一个页面当有一些通用的样式规则需要应用于整个小程序时,比如全局的字体大小、颜色、布局等。全局样式可能会被局部样式覆盖,需要注意样式的优先级。当局部样式的权重大于或等于全局样式的权重时,才会覆盖全局样式。同时,全局样式的修改可能会影响到多个页面和组件,需要谨慎修改。
局部样式在页面的.wxss 文件中定义的样式为局部样式,只作用于当前页面某个页面有特定的样式需求,与其他页面不同时。局部样式只在特定的范围内生效,不会影响到其他页面。但如果多个局部样式之间有冲突,需要注意样式的优先级和覆盖规则。根据就近原则,局部样式会覆盖全局样式,但需局部样式权重大于或等于全局样式的权重。

9、全局配置-全局配置文件及常用的配置项

小程序根目录下的app.json文件是全局配置文件。其中常用配置项有:

配置项描述
pages(重要配置项)记录当前小程序所有页面的存放路径,是小程序页面组织的关键配置。
window(重要配置项)全局设置小程序窗口的外观,对小程序的视觉呈现起着重要作用。
tabBar(重要配置项)设置小程序底部的 tabBar 效果,影响用户在小程序中的导航体验。
style(重要配置项)决定是否启用新版的组件样式,可改变小程序的整体风格。

10、全局配置-小程序窗口的组成部分

在这里插入图片描述

11、全局配置-window

11-1、了解 window 节点常用的配置项

属性名类型默认值说明适用情景注意点
navigationBarTitleTextString字符串导航栏标题文字内容用于设置导航栏的显示标题。确保标题内容简洁明了,符合页面主题。
navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如 #000000。设置导航栏的背景颜色以匹配整体风格。选择合适的颜色,避免与页面其他元素冲突。
navigationBarTextStyleStringwhite导航栏标题颜色,仅支持 black/white。设置导航栏标题的颜色。根据背景颜色选择合适的标题颜色,保证可读性。
backgroundColorHexColor#ffffff窗口的背景色。设置页面的整体背景颜色。考虑与页面内容的对比度和协调性。
backgroundTextStyleStringdark下拉 loading 的样式,仅支持 dark/light。设置下拉刷新时的 loading 样式。根据整体设计风格选择合适的样式。
enablePullDownRefreshBooleanfalse是否全局开启下拉刷新。当需要实现下拉刷新功能时设置为 true。注意处理下拉刷新的逻辑,避免性能问题。
onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为 px。用于控制上拉触底事件的触发时机。根据实际需求调整距离,避免误触发。

11-2、设置导航栏的标题

  • 第一种

    • 设置步骤:app.json —> window —> nacigationBarTitleText

    • 需求:把导航条上的标题,从Weixin-Sunday改为WeChat-Sunday

  • 第二种

    • 在首页的.WXML中,找到:
    <navigation-bar title="WeChat-Sunday" back="{{false}}" color="black" background="#FFF"></navigation-bar>
    

    title的值更改。

一般是使用第一种方法,因为我的title是在index页面设置的,所以使用的第二种方法

  • 效果图

在这里插入图片描述

11-3、设置导航栏的背景色

  • 设置步骤:app.json -> window -> navigarionBarckgroudColor

  • 需求:把导航栏的背景色,从默认的#fff修改为#20B2AA

  • 效果图:

    • 在这里插入图片描述

11-4、设置导航栏的标题颜色

  • 设置步骤:app.json ->window -> navigationBarTextStyle

  • 需求把导航条上的标题,从默认的black修改为white

  • 效果图

在这里插入图片描述

【注意:】 navigationBarTextStyle的可选值只有 blackwhite

11-5、全局开启下拉刷新功能

  • 概览
内容详情
概念用户在小程序页面内容显示区域向下滑动,触发重新获取数据以更新页面内容展示的操作
应用场景- 数据更新:如新闻小程序中获取最新新闻 - 状态同步:如待办事项小程序同步最新状态
实现(以微信小程序为例)- 开启功能:在页面配置文件(.json)中找到window,设置"enablePullDownRefresh": true (- 事件处理:在页面.js文件中定义onPullDownRefresh函数,在函数内进行数据请求、更新数据绑定,最后调用wx.stopPullDownRefresh()停止刷新动画)
  • 效果如图

在这里插入图片描述

【注意:】在app.json中启用下拉刷新功能,会作用于每个小程序页面!

11-6、设置下拉刷新时窗口的背景色

当全局开启下拉刷新功能之后,默认的窗口背景为白色。

  • 设置步骤为:

app.json -> window -> 为backgroundColor 指定16进制的颜色值为#efefef

  • 效果图

在这里插入图片描述

11-7、设置下拉刷新时 loading 的样式

当全局开启下拉刷新功能之后,默认创建口的 loading 样式为白色。

  • 设置步骤:

app.json -> window -> 为backgroundTextStyle指定 dark 值。

  • 效果如下:

在这里插入图片描述

【注意:】backgroundTextStyle的可选项只有 lightdark

11-8、设置上拉触底的距离

内容详情
概念上拉触底是在移动端应用中常见的一种交互方式。当用户在屏幕上进行上拉滑动操作时,意味着他们可能希望查看更多的内容。此时,应用程序会触发加载更多数据的行为,以便为用户提供更多的信息。这种交互方式可以让用户在有限的屏幕空间内,持续获取更多的内容,提高用户体验。
设置步骤在小程序的 app.json 文件中,找到 window 配置项。onReachBottomDistance 参数用于控制上拉触底的距离。通过为这个参数设置新的数值(单位),可以调整触发加载更多数据的时机。例如,如果将数值设置得较大,那么用户需要上拉更长的距离才会触发加载更多数据的操作;反之,如果数值设置得较小,用户上拉较短的距离就可能触发该操作。
注意事项默认距离为 50px。在大多数情况下,这个默认值能够满足一般的使用需求。如果没有特殊的布局要求或者特定的用户交互需求,建议使用默认值即可。因为随意调整这个数值可能会导致用户体验不一致,或者在某些情况下出现意外的加载行为。同时,过度调整这个数值可能会影响页面的流畅性和响应速度,给用户带来不好的使用感受。

12、全局配置-tabBar

12-1、什么是tabBar`

内容详情
概念tabBar 是在移动端应用中广泛使用的一种页面设计元素。它的主要作用是为用户提供一种便捷的方式来在不同的页面之间进行快速切换。在小程序中,tabBar 分为底部 tabBar 和顶部 tabBar 两种形式。底部 tabBar 通常位于屏幕底部,方便用户随时切换页面,而顶部 tabBar 则位于屏幕顶部,一般在特定的设计需求下使用。通过 tabBar,用户可以快速访问不同的功能模块或页面内容,提高了应用的易用性和用户体验。
注意事项- 页签数量限制:tabBar 中只能配置最少 2 个、最多 5 个 tab 页签。这个限制是为了保持界面的简洁性和易用性,避免过多的选项给用户带来困扰。如果 tabBar 中的页签数量过多,可能会导致用户难以找到自己需要的页面,同时也会影响界面的美观度。 - 顶部 tabBar 显示特点:当渲染顶部 tabBar 时,不显示 icon,只显示文本。这是因为在顶部位置,空间相对有限,为了保证页面的整洁和可读性,只展示文本可以让用户更清晰地了解每个页签的功能。同时,减少 icon 的显示也可以避免界面过于繁杂,提高用户的注意力集中在文本信息上。

12-2、btaBar 的6个组成部分

  • 概览
属性名类型默认值说明适用情景注意点
backgroundColorHexColortabBar 的背景色。用于设置 tabBar 的整体背景颜色,以匹配小程序的风格。选择与小程序整体色调协调的颜色,避免过于刺眼或与其他元素冲突。
selectedIconPathString选中时的图片路径。指定 tab 在被选中状态下显示的图标路径,以提供明确的视觉反馈。确保图片路径正确,图片清晰且与未选中状态的图标有明显区别。
borderStyleStringtabBar 上边框的颜色。设置 tabBar 上边框的颜色,可用于增强视觉效果或与整体风格搭配。选择合适的颜色,避免与背景色或其他元素冲突,同时注意边框的宽度和样式是否协调。
iconPathString未选中时的图片路径。设置 tab 在未被选中状态下显示的图标路径。与选中时的图标路径相区分,保证图标清晰可辨,符合用户习惯。
selectedColorHexColortab 上的文字选中时的颜色。用于突出显示选中状态下的 tab 文字,提高用户对当前页面的认知。选择与背景色和图标颜色搭配协调的颜色,确保文字清晰可读。
colorHexColortab 上文字的默认(未选中)颜色。设置未选中状态下 tab 文字的颜色。与选中时的文字颜色形成对比,同时要保证在各种背景下都能清晰可读。
  • 图示

在这里插入图片描述

12-3、tabBar 节点的配置项

  • 创建tarBar:

app.json中,新建tarBar(与 window 同级),其中可选项有:

属性类型必填默认值描述适用情景注意点
positionStringbottomtabBar 的位置,仅支持 bottom/top根据小程序的设计需求选择合适的位置。确保选择的位置与整体布局协调,避免影响用户操作。
borderStyleStringblacktabBar 上边框的颜色,仅支持 black/white设置 tabBar 上边框颜色以配合整体风格。选择合适的颜色,避免与背景和文字冲突。
colorHexColortab 上文字的默认(未选中)颜色。设置未选中状态下 tab 文字颜色。与选中颜色和背景协调,保证可读性。
selectedColorHexColortab 上的文字选中时的颜色。突出选中状态的 tab 文字。与默认颜色有明显区分,清晰可读。
backgroundColorHexColortabBar 的背景色。设置 tabBar 背景颜色。与整体风格匹配,不刺眼。
listArraytab 页签的列表,最少 2 个、最多 5 个 tab定义 tab 页签内容。确保数量和内容符合设计要求。注意列表项的正确性和一致性。

app.json:

"tabBar":{"list":[{tab配置项},{tab配置项}]},

12-4、每个tab项的配置选项

属性类型必填描述适用情景注意点
pagePathString页面路径,页面必须在 pages 中预先定义用于指定 tab 对应的页面路径,实现页面切换。确保页面路径正确,且对应的页面在 pages 中已定义。
textStringtab 上显示的文字展示 tab 的名称,让用户了解每个 tab 的功能。文字简洁明了,能准确反映对应页面的内容。
iconPathString未选中时的图标路径;当 position 为 top 时,不显示 icon。提供未选中状态下的图标,增强视觉效果。图标清晰可辨,与选中状态的图标有明显区别。当 position 为 top 时,注意不设置该属性。
selectedIconPathString选中时的图标路径;当 position 为 top 时,不显示 icon。在 tab 被选中时显示,突出当前页面。与未选中状态的图标形成对比,当 position 为 top 时,注意不设置该属性。

app.json:

 "tabBar":{"list":[{"pagePath":"pages/index/index","text":"index"},{"pagePath":"pages/test/test","text":"test"}]},

【效果图:】

在这里插入图片描述

13、全局配置-案例:配置tabBar

13-1、需求描述

配置如图所示的tabBar效果:

在这里插入图片描述

13-2、实现步骤

  1. 下载图标资源
  2. 新建三个对应的 tab 页面
  3. 配置 tabBar 选项
  • 第一步,下载图标资源:

    • 在项目的根目录下创建 iamgs 文件及,为存放图标及其他图片。
    • 在浏览器搜索需要使用的图标,推荐一个网址 iconfont-阿里巴巴矢量图标库
    • 进入网址搜索图标:在这里插入图片描述
    • 下载图标在这里插入图片描述
    • 下载图标细节注意在这里插入图片描述
    • 保存后如图在这里插入图片描述
  • 第二步,新建三个对应的 tab 页面

    • 打开 app.json,编辑代码为:
    "pages": ["pages/index/index","pages/messages/messages","pages/wode/wode"],
    
    代码片段说明涉及语法及作用
    "pages": [ "pages/index/index", "pages/xiaoxi/xiaoxi", "pages/wode/wode" ]这是微信小程序项目配置文件中的一部分内容,用于指定小程序的页面路径列表。- "pages":在小程序配置文件中,这是一个用于定义小程序页面路径的数组属性。 - 页面路径(如 “pages/index/index” 等):每个字符串代表一个页面的路径,由目录结构和页面文件名组成。在微信小程序中,页面路径用于确定小程序中各个页面的位置,以便在用户导航或代码中进行页面跳转时能够正确地找到对应的页面文件进行加载和渲染。
  • 第三步,配置 tabBar 选项

    • 打开 app.json,编辑代码为:
      "tabBar":{"list":[{"pagePath":"pages/index/index","text":"首页","iconPath": "/iamgs/首页.png","selectedIconPath": "/iamgs/首页-active.png"},{"pagePath":"pages/messages/messages","text":"消息","iconPath": "/iamgs/消息.png","selectedIconPath": "/iamgs/消息-active.png"},{"pagePath": "pages/wode/wode","text": "我的","iconPath": "/iamgs/我的.png","selectedIconPath": "/iamgs/我的-active.png"}]},
    
    代码片段说明涉及语法及作用
    "tabBar":{...}这是微信小程序项目配置文件中的一部分,用于定义小程序底部导航栏(tabBar)的配置信息。- "tabBar":在小程序配置文件中,这是一个对象属性,用于配置小程序底部导航栏的样式、行为和页面关联等。 - 对象结构:通过嵌套的对象和数组来组织 tabBar 的各项配置信息。
    "list":[...}这是 tabBar 配置中的一个数组属性,用于定义底部导航栏的各个选项。- "list":在 tabBar 配置对象中,这是一个数组,包含了每个导航栏选项的具体配置信息。 - 数组元素:每个元素都是一个对象,代表一个导航栏选项。
    { "pagePath":"pages/index/index", "text":"首页", "iconPath": "/iamgs/首页.png", "selectedIconPath": "/iamgs/首页-active.png" }这是一个导航栏选项的配置对象,用于定义首页选项的相关信息。- "pagePath":指定该导航选项对应的页面路径,当用户点击该选项时,小程序会加载对应的页面。 - "text":显示在导航栏选项上的文本标签,用于描述该选项的功能或页面名称。 - "iconPath":指定该导航选项未被选中时显示的图标路径。 - "selectedIconPath":指定该导航选项被选中时显示的图标路径。
    { "pagePath":"pages/messages/messages", "text":"消息", "iconPath": "/iamgs/消息.png", "selectedIconPath": "/iamgs/消息-active.png" }类似上一个,这是消息选项的配置对象。同首页选项配置对象的语法作用,只是对应的页面路径、文本和图标路径不同。
    { "pagePath": "pages/wode/wode", "text": "我的", "iconPath": "/iamgs/我的.png", "selectedIconPath": "/iamgs/我的-active.png" }这是我的选项的配置对象。-同首页选项配置对象的语法作用,只是对应的页面路径、文本和图标路径不同。

14、页面配置

14-1、页面配置文件的作用

内容说明适用情景注意点
页面配置文件作用小程序中每个页面都有自己的.json 配置文件,用于对当前页面的窗口外观、页面效果等进行配置。当需要对特定页面的外观和效果进行个性化设置时。确保配置文件中的参数设置正确,避免因错误配置导致页面显示异常。

14-2、页面配置和全局配置的关系

内容说明适用情景注意点
页面配置和全局配置关系小程序中,app.json 中的 window 节点可全局配置每个页面的窗口表现,若某些页面需特殊窗口表现,可通过页面级别的.json 配置文件实现。当页面配置与全局配置冲突时,根据就近原则,以页面配置为准当部分页面需要与全局不同的窗口表现时。明确全局配置和页面配置的作用范围,注意冲突时以页面配置为准,避免出现意外的显示效果。

14-3、页面配置中的常用配置项

属性类型默认值描述适用情景注意点
navigationBarBackgroundColorHexColor#000000当前页面导航栏背景颜色。设置当前页面导航栏特定背景颜色以匹配页面风格。选择与页面整体协调的颜色,避免与其他元素冲突。
navigationBarTextStyleStringwhite当前页面导航栏标题颜色,仅支持 black/white。调整当前页面导航栏标题颜色。根据背景色选择合适的标题颜色,确保可读性。
navigationBarTitleTextString当前页面导航栏标题文字内容。为当前页面导航栏设置明确的标题。标题应简洁准确反映页面内容。确保标题清晰易读,不过长或过短。
backgroundColorHexColor#ffffff当前页面窗口的背景色。设定当前页面的整体背景颜色。考虑与页面内容的对比度和协调性。避免选择过于刺眼或影响内容可读性的颜色。
backgroundTextStyleStringdark当前页面下拉 loading 的样式,仅支持 dark/light。设置当前页面下拉刷新时的样式。根据整体设计风格选择合适的下拉样式。确保样式与页面风格一致,不影响用户体验。
enablePullDownRefreshBooleanfalse是否为当前页面开启下拉刷新的效果。当需要当前页面支持下拉刷新功能时设置为 true。注意处理下拉刷新的逻辑,避免性能问题。一般根据开发实际需求开启,比如商品列表页面,不建议设置为全局配置项
onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为 px。控制当前页面上拉触底事件的触发时机。根据实际需求调整距离,避免误触发。结合页面内容长度和用户操作习惯设置合理值。

效果图:在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SQL面试题——抖音SQL面试题 主播播出时长

主播播出时长 现有如下数据,主播id、房间号、播出的批次号,每个批次号进出房间的时间戳、分区时间: 每一次直播都有一个上播和下播,每个房间里,同一个批次号会有两条数据,分别记录了上播和下播时间,求每个主播的播出时长? 通过上面的数据,可以清晰的看出,同一个批次…

大语言模型LLM综述

一、LM主要发展阶段 1.1、统计语言模型SLM 基于统计学习方法&#xff0c;基本思想是基于马尔可夫假设HMM建立词概率预测模型。如n-gram语言模型 1.2、神经语言模型NLM 基于神经网络来做词的分布式表示。如word2vec模型 1.3、 预训练语言模型PLM 预训练一个网络模型来做词表…

用 Python 从零开始创建神经网络(七):梯度下降(Gradient Descent)/导数(Derivatives)

梯度下降&#xff08;Gradient Descent&#xff09;/导数&#xff08;Derivatives&#xff09; 引言1. 参数对输出的影响2. 斜率&#xff08;The Slope&#xff09;3. 数值导数&#xff08;The Numerical Derivative&#xff09;4. 解析导数&#xff08;The Analytical Derivat…

防爆手机市场“百花齐放”,该怎么选?

在危险作业场景&#xff0c;如石化煤矿&#xff0c;通讯设备采购关系到提高生产效率‌&#xff0c;保障安全生产‌&#xff0c;‌符合法规要求‌。在应急救援通信场景&#xff0c;通讯设备采购&#xff0c;与保障救援行动的效率和准确性息息相关。而通信设备的性能参数是评估其…

似然函数解析

从贝叶斯定理引出似然函数 最大似然估计用来估计均值方差的 文心对似然函数的解释&#xff0c;注意 抛出正反的概率&#xff0c;就是固定均值方差的条件概率密度了

记录配置ubuntu18.04下运行ORBSLAM3的ros接口的过程及执行单目imu模式遇到的问题(详细说明防止忘记)

今天的工作需要自己录制的数据集来验证昨天的标定结果 用ORBSLAM3单目imu模式运行&#xff0c;mentor给的是一个rosbag格式的数据包&#xff0c;配置过程出了几个问题记录一下&#xff0c;沿配置流程写。 一.orbslam3编译安装 1.首先是安装各种依赖 这里不再赘述&#xff0…

实验5:网络设备发现、管理和维护

实验5&#xff1a;网络设备发现、管理和维护 实验目的及要求&#xff1a; 通过实验&#xff0c;掌握Cisco 路由器和交换机的IOS配置管理。自动从NTP服务器获取时间信息。能够利用TFTP服务器实现路由器和交换机配置文件的备份和恢复。同时验证CDP协议和LLDP协议的网络参数。完…

前端(2)——快速入门CSS

参考&#xff1a; 罗大富 CSS 参考手册 | 菜鸟教程 CSS 参考手册 1. CSS CSS全名是层叠样式表&#xff0c;中文名层叠样式表。用于定义网页样式和布局的样式表语言。 通过 CSS&#xff0c;你可以指定页面中各个元素的颜色、字体、大小、间距、边框、背景等样式&#xff0c;…

yolo标签自动标注(使用python和yolo方法)

yolo代码自动标注 1.引言1.初阶“自动标注”&#xff0c;给每个图像都生成一个固定的标注文件&#xff0c;进而在labglimg中对矩形框进行微调&#xff0c;减少标注的工作量2.高阶自动标注&#xff0c;利用我们训练好的&#xff08;但是没有特别精准的&#xff09;yolo文件先对每…

jmeter常用配置元件介绍总结之线程组

系列文章目录 安装jmeter jmeter常用配置元件介绍总结之线程组 1.线程组(用户)1.1线程组1.1.setUp线程组和tearDown线程组1.2.Open Model Thread Group(开放模型线程组)1.3.bzm - Arrivals Thread Group(到达线程组)1.4.jpgc - Ultimate Thread Group(终极线程组)1.5.jpgc - St…

spring gateway 动态路由

##yml配置 spring:application:name: public-gateway # cloud: # gateway: # routes: # - id: mybatis-plus-test # 路由的唯一标识 # uri: http://192.168.3.188:9898 # 目标服务的地址 # predicates: # - Path/test/** # 匹配…

NVT新能德科技入职测评SHL题库更新:数字推理+演绎推理高分答案、真题解析

新能德的入职Verify测评主要考察应聘者的逻辑推理能力、数学能力、数据分析能力以及处理信息的能力。根据搜索结果&#xff0c;测评通常包含以下几个部分&#xff1a; 1. **语言理解**&#xff1a;这部分包括阅读理解、逻辑填空和语句排序。要求应聘者在17分钟内完成30题&#…

学法减分交管12123模拟练习小程序源码前端和后端和搭建教程

交管推出个学法减分&#xff0c;每个驾驶员可以把被扣的6分&#xff0c;以看视频答题的形式学习回来&#xff0c;然后答题这个一共二十道题每道题60秒&#xff0c;有好多人不会&#xff0c;用咱们的小程序就可以模拟练习强化练习&#xff0c;还有拍照识别题目找到正确答案&…

element-plus <el-date-picker>日期选择器踩坑!!!!

我怎么一上午踩两个坑&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff08;大声bb&#xff09; 原来的vue2老项目是这样写的 <el-form-item label"时间" prop"time"><el-date-pickerv-model"addForm.time"typ…

JS的学习与使用

JS的学习与使用 一 什么是Javascript&#xff1f; Javascript是一门跨平台&#xff0c;面向对象的脚本语言&#xff0c;是用来控制网页行为的&#xff0c;它能使网页可以交互 java与Javascript是完全不同的语言&#xff0c;不论是概念还是设计&#xff0c;但是基础语法类似 E…

ubuntu20.04 解决Pytorch默认安装CPU版本的问题

ubuntu20.04 解决Pytorch默认安装CPU版本的问题 在使用Anaconda安装支持CUDA的PyTorch版本时&#xff0c;遇到只能安装CPU版本的PyTorch是一个常见问题。这通常由于Anaconda环境配置、镜像源设置不当或版本匹配问题导致。以下是详尽的解决方案和步骤&#xff0c;以确保能够正确…

【操作系统】守护进程

一、守护进程的概念 守护进程是一个在后台运行并且不受任何终端控制的进程 二、自己实现守护进程 1.预备知识 &#xff08;1&#xff09;/dev/null /dev/null是一个特殊的设备文件&#xff0c;往这个文件里写不进去任何数据&#xff0c;也读不出来任何数据 因此&#xff0…

【数据结构与算法】第12课—数据结构之归并排序

文章目录 1. 归并排序2. 计数排序3. 排序算法复杂度及稳定性分析在这里插入图片描述 1. 归并排序 分治法&#xff08;Divide and Conquer&#xff09;是一种重要的算法设计策略&#xff0c;其核心思想是将一个复杂的大问题分解为若干个小规模的子问题&#xff0c;递归地解决这些…

【安全通信】告别信息泄露:搭建你的开源视频聊天系统briefing

文章目录 前言1.关于briefing2.本地部署briefing3.使用briefing4.cpolar内网穿透工具安装5.创建远程连接公网地址6.固定briefing公网地址 前言 在这个信息爆炸的时代&#xff0c;视频聊天几乎成了我们日常沟通的标配。但你是否曾在视频会议中感到不安&#xff0c;担心自己的私…

pip install tkinter报错

pip install tkinter&#xff1a;ERROR: Could not find a version that satisfies the requirement tkinter 这是因为&#xff0c;安装python的时候没有安装tkinter选项&#xff0c;解决这个问题有下面两种方法 一、重新安装python 但是这个步骤有点麻烦 二、在python-3.1…