接下来开始制作超市便利页面: 一、标题 首先,我们创建一个页面,该页面设置背景颜色为黄色: 随后欧创建一个行,命名为主要,之后将会在这个主要行之中添加对应的模块内容: 该主要行,属性需要设置背景色为透明...,直接设置标题这个行的垂直对齐属性为居中即可: 二、 内容行制作 接着我们查看内容部分的搜索框在一个白色背景并且圆角包裹的容器之中: 此时我们应该先创建一个行,命名为内容并且给予背景色为白色...,使其可以跟随内部元素的高度增加而增加: 四、 轮播图制作 接着咱们开始制作轮播图: 轮播图制作较为简单,我们先创建一个行,命名为轮播图,并且设置其背景色和高度包裹: 接着我们找到扩展组件的轮播页容器...,并且使其添加到该行之中: 此时发现轮播页高度太大: 更改其对应的高度即可,在这里更改高度为 100px: : 随后我们点击轮播页上传对应的图片: 两张图片上传完毕后如图所示为结果...,在这里只需要对应的上一节章节的种类复制两行过来即可: 复制完毕如下: 六、 广告制作 这一部分直接使用一个行,设置其背景色即可,不再过多赘述: 七、 店家制作 点击与上一节店家制作方法一致
最近遇到了一个 RESULT_CACHE_MAX_SIZE 参数值无法更改的问题。 首先我们需要知道 RESULT_CACHE_MAX_SIZE 是什么。...RESULT_CACHE_MAX_SIZE 是结果缓存能够使用sga内存的最大大小的限制参数。 当我们需要使用结果缓存的时候,这个值一定不能是0。并且以下的查询结果是 ENABLED ....shared pool 的大小,如果shared pool不够大,那么结果缓存不会被使用, 这个时候我们执行如下查询,结果可能是 BYPASS SQL> select dbms_result_cache.status...from dual; STATUS ------------------------------------- BYPASS 并且这种状态下RESULT_CACHE_MAX_SIZE参数值无法被更改...就可以解决无法使用结果缓存和无法修改RESULT_CACHE_MAX_SIZE参数值的问题了。
Bootstrap4 轮播 轮播是一个循环的幻灯片: ---- 如何创建轮播 以下实例创建了一个简单的图片轮播效果 : 实例 第一张图片描述标题 描述文字!... 以上实例中使用的类说明 类 描述 .carousel 创建一个轮播 .carousel-indicators 为轮播添加一个指示符,就是轮播图底下的一个个小点...,轮播的过程可以显示目前是第几张图。...一起使用,设置右侧的按钮 .slide 切换图片的过渡和动画效果,如果你不需要这样的效果,可以删除这个类。
本次完成的二手信息站点首页为信息展示页面,用户在发布物品信息时需要登录账号。用户注册使用了 iVX 自带的 手机短信验证码 进行注册,在接下来几节将会详细的讲解所需要使用到的后台组件。...创建示例后,为了使读者创建的项目与示例的一致,需要设置相同的页面大小,需要将屏幕大小更改为如图的小屏屏幕: 6.1.1 网站标题头制作 以下是当前页面展示图(由于主要是演示功能效果,此站点并不最求美观性...随后我们可以给这些 行组件 设置一个统一的背景色为白色,再设置统一高度为 100px 即可。...水平对齐 为 右侧对齐,垂直对齐 均为 居中: 接下来在 标题左侧行 中添加两个文本,修改文本属性后即可完成更改颜色: 在此你可能对该文本紧贴左侧边缘并不喜欢,可以更改该文本属性中的 左外边距...、背景色进行修改: 此时标题栏即可制作完成: 但为了更好的使这个页面看起来有层次感,我们可以修改当前信息展示页的 背景色 为淡暗灰色,颜色代码为 #F8F8F8,修改后页面看起来更加美观: 6.1.2
1_bit:是的,这个背景色我们可以更改的,在这里只是为了方便我们观察。...小媛:明白,接下来是不是要改一下这个行的背景色? 1_bit:哈哈哈,可以的。我们选择行,设置背景色为 #242424 就可以了,但是字体颜色要更改为白色,不然就看不见字体了。 小媛:解决。...1_bit:接下来我们更改行2的名称为标题,在标题下创建一个一个行用来包裹标题的几个选项。 小媛:为什么那一行从上面往下掉下来了?...1_bit:把最外面一行更改名称为标题吧,方便查看,还要里面的元素也更改一下。 三、添加标题栏效果 1_bit:接下来我们加一些效果吧。 小媛:什么效果?...在这一栏中首先需要制作的是一个热门推荐的标题内容,在这个标题中首先是一个圆圈,这个圆圈我们可以使用一个按钮添加一个图片代替,之后是一个文本框,内容为热门推荐,接下来是多个文本框和分割线。
Bootstrap4 轮播 轮播是一个循环的幻灯片: ---- 如何创建轮播 以下实例创建了一个简单的图片轮播效果 : 实例 以上实例中使用的类说明 类 描述 .carousel 创建一个轮播 .carousel-indicators 为轮播添加一个指示符,就是轮播图底下的一个个小点...,轮播的过程可以显示目前是第几张图。 ....carousel-control-prev-icon 与 .carousel-control-prev 一起使用,设置左侧的按钮 .carousel-control-next-icon 与....carousel-control-next 一起使用,设置右侧的按钮 .slide 切换图片的过渡和动画效果,如果你不需要这样的效果,可以删除这个类。
前言 BootStrap4作为最出色的前端响应式框架之一,能够根据不同的设备,调整页面显示效果。但是,仅仅依靠调整原有元素的大小、排列,很难有好的呈现效果和用户体验。...相同的是中间内容部分,不同的是电脑端只显示其独有的顶部导航栏,而手机端显示其独有的顶部轮播图及底部导航栏。 也就是说这个页面包含两个导航栏、一个轮播图、一个内容展示区域。...并且根据不同的设备,选择显示其中的一部分。 实现 引入BootStrap4,并添加响应式标签。...BootStrap4官方下载及使用说明: https://v4.bootcss.com/docs/getting-started/download/ 添加响应式标签: 轮播图、卡片,并做了些许修改,效果如下。
一、首页制作 首页预览如下: 首先在博客页创建一个相对应项目: 接着选择前台,创建一个页面,命名为首页: 接着更改当前屏幕为小屏尺寸: 接着我们分析这个标题头部,分为左右两侧,左边为一个...,每行的宽度还需要更改为 50%: 那么此时最外层的标题行再设置一个高度为 50 px 即可: 此时为了使标题头部内的元素距离上下左右有一定的距离,那么直接设置标题行的内边距有一定值即可:...,设置其大小圆角即可: 二、内容设置 由于我们的页面还需要显示在PC端,那么此时我们还需要添加一个行,命名为主要内容,设置主要内容的宽度为60%,这样整个页面才能更好的显示在 PC 端,否则内容太宽不利于用户使用...: 导航框的内容其实为一个行,其中文本设置内边距即可有了距离,首先添加一个行命名为导航: 接着设置该行的高度为包裹,还需要设置裁剪x 横轴,并且隐藏滚动条: 因为当页面缩小后,当前页面若不使用...接着添加多个文本设置内边距即可: 要实现这一步还需要使导航的自动换行关闭: 三、导航内容制作 广告区域就很简单了,设置一个行命名为广告,给予高度后添加轮播组件即可: 轮播组件在扩展组件中:
更新说明:2020/11/04 --优化代码,删除无用的熊掌号功能。 --优化首页幻灯片轮播在移动端无法点击链接的BUG。...V、顶部导航背景色(黑色)更改渐变白,增加导航内部阴影效果。 V、优化关闭文章侧栏,文章相关推荐图片被拉伸的BUG。 V、优化导航栏二级菜单显示效果。...,如果开启首页TAB切换则首页置顶功效无法使用!...另外说下,私下分享或者二次销售主题的客户将无法继续更新和使用主题,主题后台将无法设置。且用且珍惜吧! ∧_∧.. 往期更新内容: V、更新文章存档样式表。 V、更新模板置顶效果。...模块管理,找到友情链接和图标汇集,然后修改名称: ----、更新屏幕尺寸1200像素时,轮播右侧图文显示错位的BUG, ----、文章没有图片也未使用自定义缩略图时的默认图片更改为随机显示图片(1-
本次期末大作业实验项目的总体介绍: 基于HTML5 + Bootstrap4 + jQuery进行设计于开发,广泛使用响应式布局系统,确保在不同分辨率屏幕下的网页呈现。...主页Banner轮播图的实现,使用的是Bootstrap内置的slider样式,配合其遵循HTML5的data-XXX 自定义属性来实现无缝切换轮播图片。...注册界面 注册界面使用了正则表达式来验证表单,使用ES6的语法将正则表达式存储在对象中,通过遍历DOM元素的方式来验证输入值是否正确。...当验证不正确将无法注册成功,如验证正确,在点击注册按钮后将会返回到主页。 ? 购物车界面 购物车界面将动态计算勾选的商品的价格及数量,算出小计和最终的价格,并实时的更新显示。...广泛的使用jQuery遍历和操作DOM。 ?
低码开发的特点是可视化开发,在编辑器中通过组件的拖拽来完成页面的编制。如果涉及到调用数据库的,通常使用平台提供的各类方法就可以满足需要。 本篇我们介绍一下低码开发中常见的布局组件的使用方法。...打开应用编辑器,在组件一栏中可以找到我们可以使用的各类布局组件 图片 常用的布局组件有普通容器、轮播容器和弹窗。普通容器允许我们自由的设置各种布局,比如像预约列表可以有几行几列的效果。...可以简单的和我们word中的表格进行类比,word中的表格就分为行和列,而且还可以合并单元格。 轮播容器是一个高频使用的容器,比如我们小程序一开头就出现的图片轮播,就是使用这个容器进行搭建。...本篇我们重点介绍一下普通容器的用法,实现的场景呢一般我们在首页都会展示各类信息,每类信息都会有一个标题,点击更多还可以查看更多的内容。 要想实现这个场景,先需要搭建组件。...图片 现在内容有点挤,我们可以设置普通容器的外边距来解决 图片 为了让内容有个突出的效果,先设置页面的背景色为灰色 图片 然后设置普通容器的背景色为白色 图片 普通容器里边的文本有点挤,我们可以设置普通容器的内边距
-- 优化页面登录背景色。 -- 优化评论区头像代码。 -- 修复文章页面部分表格没有样式的问题。 -- 优化文章页汉字及英文字符强制换行的代码。...V 2.5.7(22/02/21) -- 优化首页轮播使用视频的兼容代码,优化自适应显示效果。 -- 修复后台SEO标题设置默认为空无法保存的问题。...V2.5.4(2021/12/17) -- 修复首页开启视频轮播时移动端无法显示的BUG。 -- 增加全站变灰功能,可控日期,有开关。 -- 部分细节优化及网友反馈建议。...2021/10/29 -- 修复后台授权验证代码,减少非大陆主机引起的无法调用授权接口的代码。 -- 优化文章详情页SEO标题设置,自选是否带有分类名称显示。 ...更新日志:2021/06/23 -- 优化导航栏背景色透明度,减少logo颜色和轮播图颜色模糊的问题。 -- 主题配置新增快捷保存代码(Ctrl+s)。 -- 优化后台授权校验代码。
更新日志:2020/10/20 --优化编辑器某些特使标记在前台无法显示的问题。 更新日志:2020/10/09 --.优化侧栏标题字体,增加竖线样式。...主题更新日志:(2020/03/17) 修复文章页微信分享无法生成图片的BUG。 主题更新日志:(2020/03/14) 修复文章列表a标签未闭合的BUG。 首页轮播幻灯片新增轮播新窗口功能开关。...主题更新日志:(09/18) 优化SEO标题,修复分类列表翻页显示重复的BUG。...,这样看着舒服多了吧,其中“#a5cee2”就是我们所需的背景色代码,将其复制,然后粘贴在背景色接口就可以了。...另外,分类列表有一个点赞功能,适配应用中心“新·文章点赞开发版”插件,搜索关键词,点击插件,获取插件,然后启用插件就行了,无需额外设置,如图: 其他设置: 幻灯片轮播功能,点击“轮播图片”设置标题、上传图片
相当于C#UI里面的容器系统,bootstrap对css进行扩展,使用了类似less文件中的变量定义,sacc不仅增加了变量还多了继承、混合、嵌套等功能 布局中必须row包含col,不能单独col...不支持 nodejs安装bootstrap 安装bootstrap4 npm install bootstrap(使用的时候需要css) npm install jquery npm install...popper.js (不要安装popper,要带js的) 安装bootstrap3 npm install bootstrap@3(使用的时候需要css) npm install jquery(node...position:fixed classname bootstrap类名,一个字母属性简写,"-"后是取值 d-inline,display m-0,margin p-0,pading bg-dark,背景色...,bootstrap的背景色和css不同,使用red等颜色,bootstrap不会接受的 primary 深蓝 secondary 灰 success 绿 warning 黄 danger 红 info
2、标题样式:到、.h1 ~ .h6 ~样式重写了,基本上做到了兼容性。...(如未加说明,则新代码是接在上面的代码后面) 下面的代码在上面代码的p标签后 标题H1 标题H1 ?...在这里,我发现BootStrap4不支持ul在一行显示,也就是添加class=”list-inline”是无效的。 所以,我在这里就改用bootstrap3了。...2、.table-striped:有条纹的背景色行(隔行变色) ... ?...6、行或单元格背景色: 注意:只能给tr或td添加类样式。 .active:当前样式 .success .info .warning .danger success : ?
= 24px) h5 / 5级标题(1.25rem = 20px) h6 / 6级标题(1rem = 16px) / .display-1 使用在h1-h6标签使标题字体更大更粗 / .display...-2 使用在h1-h6标签使标题字体更大更粗 / .display-3 使用在h1-h6标签使标题字体更大更粗 / .display-4 使用在h1-h6标签使标题字体更大更粗 small / 创建字体更小颜色更淡的字体...可以在头部元素上使用 .card-title 类来设置卡片的标题 。...需要将 .active 添加到其中一个轮播元素上,否则轮播将不可见。另外一定要在 .carousel 上为控制项元件设置一个唯一的 id,特别是当你在一个页面上使用多个轮播的时候。...将 .carousel-fade 加到轮播中,以使用淡入淡出的取代滑动的动画效果。
- 优化SEO规范,减少部分模板页出现重复的关键词及描述等问题。 2020/08/05 - 优化首页轮播,显示文字标题。 - 优化文章页打赏功能,后台,主题设置,上传对应收款码。...V、修复用户模板页无法打开的BUG。 V、增加其他模板顶部背景图接口。...移动端增加侧栏5模块,把想展示的模块拖拽到侧栏5。 3.修改热门文章调用周期及相应文章数量,后台,主题设置-全局设置。 4.修改网页底部背景色和文字颜色。...6.优化侧栏文字标题蓝色线条。 7.js、css代码精简优化移动端。 2020/01/20 1.修复标签和用户模板无法打开的BUG。 2.添加春节皮肤特效,主题管理,功能开关,开启春节皮肤即可。...图片过大建议使用图床。
自定义SEO开启之后,分类模板标题(如图):标题自行设置,例如:自定义分类标题-自定义名称,前台显示:自定义分类标题-自定义名称,取消后面的网站标题接口,设置更方便。...-- 优化轮播右侧轮播页数角标(更新完成记得强制刷新)。 -- 优化后台授权验证代码,远程API无法访问时调用本地验证文件,以确保官网失效时不会影响用户使用。...-- 优化分类模板的文章列表三图模式下的间距。 -- 优化文章页部分代码样式不统一的问题。 -- 修复模板接口标签错误导致无法正确调用的问题。 -- 优化文章上下篇时间出错的问题。...网页底部魔方,更改开关模式,增加自定义文字适配,主题配置-全局配置 再次修改文章相关推荐的调用方式,根据不同需求自行选择, 选项说明:如果文章没有标签,则调用网站最新发布的文章,商品文章采用固定的相关分类调用方式...更改分类、标签和文章页SEO接口变量(与锦鲤主题接口一致,之前使用锦鲤主题自定义的SEO内容将直接调用,无需重新添加)。 优化分类列表标题过多导致错位的BUG。
【SQL数据库使用中问题解决】——在sql使用过程中,发现数据类型无法更改 博主:命运之光 专栏:MySQL 分享一篇今天在数据库上机时遇到的小问题,问题和解决方案都在下方 问题描述 在sql...使用过程中,发现数据类型无法更改 解决方法(两步) 以下为解决方式: 第一步 第二步 结语 解决成功,祝各位好运(●’◡’●)
领取专属 10元无门槛券
手把手带您无忧上云