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

宝鸡外贸网站开发销售找客户的方法

宝鸡外贸网站开发,销售找客户的方法,云南旅游网站建设公司,zepto网站开发本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。 示例代码仓库:https://gitee.com/known/BlazorDemo 1. 学习目标 暗黑模式切换查找组件样式覆写组件样式 2. 添加暗黑模式切换组件 1)双击打开MainL…

本示例是AntDesign Blazor的入门示例,在学习的同时分享出来,以供新手参考。

示例代码仓库:https://gitee.com/known/BlazorDemo

1. 学习目标

  • 暗黑模式切换
  • 查找组件样式
  • 覆写组件样式

2. 添加暗黑模式切换组件

1)双击打开MainLayout.razor文件,在header区域添加Switch组件及其事件来切换暗黑模式

  • 添加主题变量,默认为light
  • 添加切换组件Switch
  • 添加主题切换事件更改主题变量,暗黑模式时,变量改为dark

image

2)点击运行按钮查看页面效果

image

3. 查找页面组件样式

  • 打开浏览器开发者工具,选中要更改样式的组件,查找该组件带有colorbackground属性的样式类,下面以RangePicker组件为例,找到样式类为.ant-picker,切换暗黑模式时,覆盖该类的color,其他组件查找方法相同

image

4. 覆写组件暗黑样式

1)双击打开app.css文件,覆写dark模式下AntDesign组件的样式类

  • 覆写colorbackground的颜色
  • 通过.dark .xxx {}级联选择方式来覆写样式

image

  • 本示例样式代码如下
.dark,
.dark .ant-picker,
.dark .ant-table-thead > tr > th,
.dark .ant-table-tbody > tr > td,
.dark .ant-pagination-item,
.dark .ant-pagination-options-quick-jumper input,
.dark .ant-pagination-prev .ant-pagination-item-link,
.dark .ant-pagination-next .ant-pagination-item-link,
.dark .ant-select:not(.ant-select-customize-input) .ant-select-selector {background-color:#202020;color:#d8d8d8;
}
.dark .ant-picker,
.dark .ant-table-thead > tr > th,
.dark .ant-table-tbody > tr > td {border-color:rgba(253, 253, 253, 0.12);
}
.dark h1,
.dark .ant-select-arrow,
.dark .ant-picker-input > input,
.dark .ant-picker-separator,
.dark .ant-picker-suffix,
.dark .ant-picker-clear,
.dark .ant-pagination,
.dark .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, 
.dark .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {color:#d8d8d8;
}
  1. 点击运行按钮查看页面效果

image

5. 视频

http://www.dinnco.com/news/25895.html

相关文章:

  • 万户网站天下合肥seo报价
  • 网站开发及维护合同搜索引擎优化入门
  • 如何知道一个网站是用什么做的电商广告
  • 网站建设专家工作总结做网站的费用
  • 网站建设的三网合一万网注册域名查询
  • 专注微信网站建设8大营销工具
  • 网站后台更新了 前台不现实在线html5制作网站
  • 自学家装设计从哪入手站内seo的技巧
  • 新疆乌鲁木齐做网站免费的seo优化工具
  • 基础html网页模板天津网站seo设计
  • 苏州做网站的哪个公司比较好网络营销方式与工具有哪些
  • html界面设计工具免费seo教程
  • 建筑设计公司职位有哪些企业优化推广
  • 青海餐饮网站建设公司seo优化人员
  • 天津做网站58百度关键词优化怎么做
  • 长春站建筑建站系统哪个好
  • 郑州计算机网站公司云南网络营销seo
  • 品牌网站建设公司推荐深圳网站提升排名
  • 网站建站建设哪家好免费h5制作网站
  • 做淘宝客需要企业网站吗seo顾问服务公司
  • wordpress主题工具南阳seo
  • 做网站需要什么系统北京网站优化平台
  • 在哪个网站里下载的图片可以做展架谷歌外贸平台叫什么
  • php旅游类网站开发制作网站的软件叫什么
  • 手机建设网站策划书如何建立网站
  • 做论坛网站的元素识图
  • 免费做App和网站的平台电商平台推广怎么做
  • 响应式布局网站建设精准营销系统价值
  • 日韩网站模板源码seo站长平台
  • 网站公安备案查询系统投稿网站