大家好,这节课我们再回过头来看一下这个配置文件, a p p 点击审,我们把这个改掉,然后这个看一下, 然后再把他那个底部那个菜单给他弄出来。 这个我们已经说过了,这里就是配置页面的,我们看一下这个 window window, 如果我们不知道它是干什么的,我们就改一下它这个 navigation, 把 bank girl 的 color 看,它这个意思 就是导航条的背景颜色,它这儿是 f f 白色这个颜色,它是一个十六镜子 的那个颜色原理大家可以去了解一下,我们这就知道他是颜色就可以了。看,改成零零零,他是黑色,改成 f 零零,他就会是红色, 说明这个就是改他的那个导航导航条的一个背景颜色, 这个是一个风格。 我们可以在他的手册里面查一下 小程序的全局全局配置,找一下 下他这里下拉的 loading 样式,我们这儿没下拉,就不管他这一个单位。更新八 text text title text 贴标题文字, 他这个很明显是对应的,那绝对就是改,他就可以改这个改成我的小程序, 他的 bus text is tail, 看一下他有什么风格。 blank, 他在那看见没有,这是 blank 导航蓝标题状态 泰蓝颜色 改一下,那改成它是 blank, 那么我们改成具体 hmm, 是哦,是搞错了吗?他这有提示改成这个,可能是刚刚看错了,来这会没问题了,不过啥也看不见了,该回来,该回来。 好,这个我们就知道了,他是修改这里的一些样式和文字 style, where c city my vlog 心,这个这个看这个名字就知道他是一个站点地图的配置,这个 style 类型风格 应该就是个版本的选择。这个我们不管他,我们今天重点来研究一下这个玩意 配置。这个它底部有个菜单呢,它已经给我弹出来了,那我就给它写上去, page index index 文字就写首页。 这个我没有先给他弄个空 空的,选中了的按钮,我也没有先给他弄个空的, 他这报错了,变一下 a p p 解释 e o f, 它这个自动生成的还会错吗?啊,这里少了个逗号, 再来 a p p 键推广,至少要包含两项,那我们再复制一个吧。 how, 现在 他又抱着 table 八 list 零 party pass 不应该与习刚开头好听他的,他自己生产的蛋白也会有错, 再保存编译一下,他又爆错了, 相同零和一,这两个 party pass 相同,那我们就改成不同, 它不是有一个 logs 吗?好,现在它就不同了噻,边也 现在没报错了,出来了,把这个字改一下,改成日字。 好,现在这个就改完了,他这个字的颜色其实也是可以改的。 我们在下一节课再来再来搞这个研究这个事情。
粉丝492获赞2595

ok, 接下来呢我们就要把我们首页和我的这两个页面分别在下面用 k 半的形式,我们可以随时点啊显示出来。那这个 k 半呢,我们就要去看一下我们的这个全局配置啊,全局配置看到没有? k 半, 我们这里呢没有对不对?那他是在维多斯下面的,那我们就在这复制一下,把这个复制退半给他复制一份。复制拿下来,把这逗号别忘了啊,逗号别忘了, 然后我们改一下,它不是 innerx, 而是我们的 home, home 下面呢是麦, 然后一个手印,这个呢是我的 保存。 ok, 下面是不是就有了?哎,有了之后我们现在要给他加个图标,这个图标呢,一般我们会习惯性的去阿里巴巴的那个适量图标去找 阿里巴巴生长图标库。哎,我们注册一下,然后里面的图标我们就可以直接免费使用。 我是已经注册过了啊,我打开之后随时就可以直接登录。嗯, 我们直接搜相关的名称,没有那拼音呢?也没有,那就 王者,王者荣耀好像不好看啊, 来个 game 吧。好吧,反正是有幸嘛,这个无所谓,找不到合适的就拿自己的呗。 这个好看吧。哎,拿这个啊,我们选中的话,我们需要让他呈现出一个红色,选中的话我们让他变成红色,好吧,然后 如果没有选中的话,我们让他 变成黑色, 然后还有一个我的, 我的用哪个呢?用这个吧,好看,这个好看对不对? 选中用红色,这个是开的,个人习惯啊。 ok, 我们把这个图片拿过来。这这个啊,适量图片的话,我们 不是特别大,你看只有四 k b, 所以我们把它剪贴,我们来到我们的这个项目的文件所在位置,我们在最外层来新建一个一妹纸,我们把一妹纸放最外面啊,一妹子,意思。 然后呢?把名字给改一下,红色的我们说了是选中的,是不是?这个怎么好小,好小就好小吧,没事,这里你也可以调大一点啊,你比如说你可以下个六十四的都可以啊,小一点就没关系,小一点吧,这个是选中的 selected home, 这个就给他来个 home 吧, 红色的是选中的, ok, 选好之后我们可以看到我们的这个地方就有了一个以内。 然后呢,我们全局配置的话,怎么配置呢?我们可以看开发文档当中啊,他没有告我们对吧?没有告诉我们,没关系。嗯, 位置图标,完整配置,来点这里完整配置, 这是 windows 的。嗯啊,铁板,看到没有?铁板,然后啊,你看到没有,就是这种样式的,他有没有案例 呢?我直接找艾莉了啊,直接翻到最下面,这是的,他没有。那我们自己来写字,来个体的 car, 这是颜色,嗯,背景颜色,边框 list, list 是 table 的列表,我们一般有两个哎,我们是写了两个 list, 对吧?然后我们要找 list 里面的 icon, the pass, 图片选中的 slank, the icon, the pass, 是不是这两个呀?哎,我们把这两个拿过来, 首先我们先写这个选中的吧,放在这里 啊,你看他有提醒的对不对?对不对? 选中的话我们就来里面这一次里面的这个选中的 home home, 嗯,选中的麦 i can't pass, 然后也没值买, 刷新一下保存,你看对不对?选中我的,选中我的。然后呢,他这里也有一个叫做什么呀?这边还有可以给他设置一个背景颜色。 那我们在历史的后面哎,不是历史啊,这个 background color, 我们看一下黑板有一个 background color 背景色, 给他来个这是板色的 ff, 默认板色的,你可以稍微给他一个, 你比方给个好看一点的,你给个什么颜色呢?你想弄这种统一风格的话,你就 这种的 太太太不好开了啊。 我们可以找一下我们的十六进制的参考参参考值 在这里吧 我们,嗯 拿这种吧颜色哎,我就这样随便写呢啊, 一个好开的 ui 是很重要的,那我们上面这个上面这个是不是也可以设置一下, 然后这个字体颜色我们也可以自己设置啊,同样把这个字体颜色也变成一个红色的,像这个 color。 哎呀,这是啥颜色呀?和这背景颜色一致了对不对? 这个卡拉是什么意思呢?忘了 推薄上的文字颜色默认仅支持石榴定制的。好吧,红色在哪? 哼,算了不闹了,不弄了,搞反了啊啊,这样他其实也有一个被选中的,怎么老是中中文呢?被选中的话给红色的,没有选中的话给他黑色的 啊,黑色的是零啊,因为黑色是世界上最纯净的颜色。 嗯,这样是是不是就合适了?然后我们上面这个上面这个的话可以在这个后母 home 对应的这个角色里面去改啊,这个属于页面的一个局部配置, 看 never 跟谁伴儿抬个 style。 这是颜色,然后背景颜色那么给谁一半掰开刚的卡拉 导航栏背景颜色感觉怪怪的呢。 嗯,和我们这个背景和这个颜色保持一致吧,颜色统一化吗?对吧? 嗯, ok。 然后把这个字体 tax 我们看下这个字体颜色标题内容啊,拿过来,字体颜色不用动了, 给他。 哎,算了,就王者荣耀吧。 ok, 就这个样子啊,这个我的,那么去找到我的给他也一起改一改吧。 哎呀,这个 ctrl 键咋回事呢? 嗯,可以了啊, 想我们现在呢准备工作就已经完成了,接下来呢就是开始在我们的这个首页当中, 据书写我们的这个轮播图,还有角色的一些相关信息。


啊,现在我继续讲这个,上次做了这个怎么出来哈?选这个问题哈,这个是在做这个出来之后,其实我们的比如这个是主页啊,然后我现在做主页, 然后这里是啊,日字啊,好,现在我为他加图标,因为一般呢,我们像这个这样子,他就会加图标的,而且图标还有两个两个问题啊,你点下去,他是黑色,你说 当不选中他是这样,就说明他有两个图啊,比如说要准备两个图啊,我现在先做第一个,那这两个图了,我就去网上找啊,去阿里的图库里面找啊,比如叫啊首页啊后吗? 然后就写,随便找一个吧,就这个,然后下载下载一个图哈,因为两个图呢,一个是什么色?比如一个是红色啊,这种粉红色 下下来啊,这是一一张图。那你还要下第二种颜色的啊,这个颜色一定要也要下是不是?那我们再下第一张这张啊,当你可以下其他颜色。 好啊,这时候拿的这两张图啊,不是一张图啊,这两张图还有两张啊,复制过来啊,完全复制之后我放哪里去了啊?肯定要放在项目里面啊,这里 我建一个位置,建一个目录啊,建个目录,建个目录,在资源管理器里面建啊,打开之后把图放进来啊,一个红,因为两个颜色不一样哈,所以呢,我就写一个红衣, 一个红二吧。好,去看一下这个项目里面,那么还有个日字,是吧?日字也要 这时候看到这个点下去啊,这个是灰色的,而这个啊,这个是粉红色的。那我还有一个,除了这个这个之外哈,我还要,不是还要吗?还会日制吗?是吧,那我要 搜索一下啊。好,这里有个是不是随便找一个啊这里啊,这也是有一个是吧,要统一一下嘛。好,灰色灰色。刚才是选哪个忘了,我现在就随便选一个吧。 啊这做栗子啊。好,现在拿过来这两个是也是要有啊啊也是放,拿来去 同样道理也是在这里放啊好,这是日字是吧啊放这里还是两个啊在这个是 lo 啊。 log 不要用中文啊, 就算中文。因为编程呢有一种思维方式叫 lgs 吧。啊,这里也是一个一是吧这个是二吧这个是一 啊,这要要把它改一下同一个名字好记啊。哎,这里点错了。 l o g s。 好,这时候怎么放进来啊这两个已经准备好了这是放进来放进来肯定要找代码去啊啊自己啊,去找代码哈,找一些代码看哪里有啊这里有有啊,这里有两个,你说历史这个哈,这里 我反而在这里又没找着这里在什么地方这里没找着啊,别的其实一开始了我要想找这里他这没写要有啊,这少了两行字, 当然这个是可以拓展哈。拓展你说你不需要就他就不留啊,不提供吗?好,这里什么意思,就把它复制过来吧。啊,这里很像是啊,要怎么放呢?你拿到这里就拿到这里 这个菜单这个地方啊,好,导航这里地方前面找个复制的东西把它删掉啊,我们根据全其他。好,这里的是什么?还有 ags 这个后面呢,你要写上这个。好,这个是 home h o n 我是什么拓展名? h o n 一 那么这个呢? hom 二是吧一二好,这里发现这个图,当我点下来好,点下来才九九,那么这个呢?同样道理,我这个也配上, 因为这时候你看不出来的啊,然后 l o g l g s 保存一下,好,这时候你发现我选了哪一个?其实我选这个,是不是你点下来,其实是已经点中了啊,我点这个哦,被点中是灰色啊,这样好像有点不太对哈,知道不?我就要反过来,是这样 啊,这个是二,这个是一,这个是二,这个是一,好,保存下啊,被选中的是红色,粉红色, 好,就这样,哎,这样就就比较正常,是吧,给人感觉比较正常,所以我们这个颜色怎么配呢?我们自己有个概念啊,这时候基本上这个图标呢,就上去了,而且一定要两个图标啊,我觉得这里的这样做了可以实现,基本上可以实现,那么这边他可以加多少个呢? 比如说这里这里可以加多少个啊?加,假如这样子啊,你要加多个,不是这样复制粘贴吗? 这第二个,第三个,第四个好,保存下就可以加六个,看到没有?他可以加六个,但是六个你要对镜不同意啊,才有用啊,如果是同意也没必要这么多,我这里做个例子来这样讲啊,就说你可以复制粘贴,是不是提供六套的图标,那么可以再加吗?啊,其实 他是有限制的啊,来,再来七个行不行啊?七个上不去的,他说这里不能超过五项,是不是总共是五个就就到顶了啊?但是我们要多怎么办?两排怎么办 啊?如果有些是两排图标的,那怎么办啊?后面我再讲啊,用这个技术来做啊,导航,而不是用他这个,是吧?这样就可以实现的。怎么样做导航都可以啊,咱这个也是非常有用的。

啊,今天咱们开一节课啊,这节课可能时间会长一点,嗯,因为这两天呢,有学员在做这个项目的时候呢,他遇到一个情况,比如说这个小程序下边有个推波巴,比如说这个导航, 他想去修改这个呃,自己大小啊,或者是图片的大小。 嗯,咱们前几课前前前面讲课,咱们讲的这个推欧巴呢,他下边是在这个配置,主要是下边呢啊做了一个配置,对吧?啊,一些相关的这些这些属性啊,来来这个 渲染到前端的,对吧?这个呢属于是原生的铁锅巴的这么一个组件,那他只能是根据这个里边带的这个一些啊属性一些参数来 配置来去修改这个样式,但是它里面呢没有这个修改图标大小或者是文字大小这么一个参数的,但是这个图标呢,你可以那个如果你想改小点,你可以把这个图标呢,就是说在一些这个 图片处理工具里边呢,给他加上一个什么画布,把这画布呢周边那个这个空白的留大一点,他的图片可以缩小,但是你这个文字想要去改的话呢,他没有一个参数的设定, 但是有一些啊,学员可能说了,他里边不是有个佛德萨利的这么一个参数吗?对吧?那这个佛德萨利呢?你如果仔细看文档的看看文档的话呢,它里面有一个说明, 你说他不支持小程序,他是在这个 appappapp 和这个 h 五端呢,他会有一个啊,一个小, 咱们可以看一下,咱们可以看一下,如果咱们把这个风扇啊,把这风扇的咱们再注视掉,咱们先看一下这个啊, h 五里边的啊, h 五里边的,咱们看一下它这个是一个什么样的效果? 通过去修改这个参数,咱们可以看一下 这里边他里边有个内置,这个有点 x, 有个内置浏览器,对吧?去通过这个去看一下他这个旋转有点慢, 咱们可以看一下啊啊?这个地方看到没有?他这也是有一个给我爸的一个象,对吧? 咱们把这个风扇给他设置一下,咱们可以看一下会不会有什么变化。看这个 h 五这个 vivo 浏览器,咱们通过这个啊修改这个这个不一样的这个中端中专端的模拟器,对吧?手机设备他就能 根据这模拟设备显示出来,咱们可以看一下他这个字体是放大了,对不对?但是咱们这个小程一端呢,他还是没有变化,对吧?所以这个参数他是不实用的, 那咱们怎么去?怎么去?那个自己去定一个底部的一个推波巴呢?然后可以去修改钥匙呢? 这里咱们就需要用到这个自自定义的这么一个啊,一个知识点啊,自定义组建的这么一个知识点,咱们可能前节课没有讲这个组件的这样一个一个 知识点,这个回头咱们可以专门的去开一节课去讲一下,今天可能会用到这个知识点,不过没关系啊,先把这个原理先搞搞明白。所谓的主角呢,就是说咱们在 某些页面如果有通用的一些功能或者一些样式,咱们可以把这个组件引入进来,以后呢,咱们就省的是每个页面都去写功能或者相关的页面的样式,对不对啊?那怎么去啊?把这个样式,把这个自定义的这个 tv 八那个写在下面呢? 那咱们现在就是还讲一下,首先呢这个卡斯登嘛,这个天幺八下面有个卡斯登嘛,这么一个参数,他有一个,他默认是 boss 啊,默认是 boss, 咱们如果把它改成处处的话呢,咱们可以看一下,哎,他下边这 这个原声的这个推波巴呢?他就消失了,对吧?那消失了以后呢,那咱们就可以在里边去怎么样自定自定义的一个一个一个这个推波巴,然后去把它把这位置占用了就可以了,对吧? 那咱们现在就写这个自定义的这么一个组件,首先呢咱们在陌路下边建一个 comes 这么一个文件夹啊,然后咱们新建一个组件,这个组件的名字叫做啊,这个当然你自己随便取啊,看怎么他退不发,对吧? 啊?穿越完了以后呢,他也是生成一个这个沐浴结构啊,这个这个里边这个结构也是试图层逻辑和这个样式啊,但是 是一样的,只不过他多了一个内幕啊,这是一个组件的名字,对吧?咱们从字面意思就能看出来,那怎么在这个里边去写一个钥匙呢?在写组件的时候跟写这个咱们前前面这个页面基本上是一样的 啊,因为咱们现在是要做这个底部的一个组件,对不对?因为这个这个下面这个推波巴呢,他需要在就是在你用到的页面上的所有元素的最上方,因为他不不能被别的元素遮住,所以呢咱们就是用这个,咱们知道里面有一个卡纹 没有这么一个组件,对吧?这个你咱们原先可能没有去讲这个组件的一个,呃,一个一个功能,他就是和微友其实是一样的,他只不过他是他这个层级是最高的,就是说在里面不会被任何的一些组件 去遮挡,所以咱们用这个啊,你防止别的组织把它进行一个遮挡,对不对啊?有了靠微友咱们就可以在里边去写什么?去写这个大概的一个效果啊?你自己就是咱们啊,刚才咱们用这个原声的,咱们可以看了, 就是咱们还是按原声的啊,写这么两项的一个特步吧,啊?是图标的这种,对不对?咱们根据这个结果咱们可以来写一下,首先呢它是这么一个 还是这么一个这样一个结构的,对吧?咱们可以定一个, 咱们可以定一个这个 啊,最外头咱们定一个 fix 啊,咱们要把它固定在底部,对不对? 咱们可以叫做 tb 八,对吧?然后呢咱们可以看一下原声的上面有一个什么呀?一个一个红,一个一个灰色的线,对吧?咱们可以在这里边呢也设定一个卡网没有的那个 掏包点,这个名字咱俩自己去写就行,掏不包点, 然后下面的是这个啊, comevo 的下面的,是啊,咱们这个下,对吧? 它里面有很多的,这个有一个图片,对吧?有一个文字图片呢,咱们用卡窝一般的啊,这个是最高层级的,一般的啊,他 s 二次属性是一样的啊,咱们一会再去写, 这个是下边是文本,对不对?下边是文本,那这样一个结构咱们就写好了,那写好了以后怎么去把这个,呃,按这种就是两个的这种啊?列位这种推波这项给它输出来呢,咱们在里边呢去定一个 啊,去定一个下的一个数组, 这里面这数字里面包括什么呢?咱们其实看这个地方就知道了,其实把这个考虑过来也可以啊,把这个你可以考虑过来,咱们直接考虑过来就可以了,他就是一个像,对不对啊?这是需要的路径,对吧? 啊?在这里需要注意一点啊,因为咱们是要调用这个杯子下面的这个啊,这个图片,对吧?咱们要从根部路开始,对吧?咱们需要把这个给他加一个斜方,包括这个路径咱们都是从根部路开始的啊, 对吧?这个斜放就是直接在根部下开始啊,咱们再把这个配置再考虑过来, 涂鸦的话, 有了这个数组以后呢,咱们就可以进行一个循环,对不对?进行一个循环, 咱们就循环这个就可以了,对吧? 推啊?这是一个象,对吧?下巴是这样,这样他下边是一个象,咱们需要的还得给他弄一个小象,对吧? 对吧?然后呢咱们把这个把里边这个象进行一个循环,他一共是两个吗?对不对?咱们就是 vo 啊,这里边这个号,这个以前都是前面讲的,咱们开课的讲一个知识点,对吧?这个咱们就不用多说了, 好听吗?还是,对吧? 然后呢这里边有个还三二次这么一个数, 对吧?咱们把这个,把这个路径,哎修温,咱们把它给复制进来,对吧?咱们把这个咱们可以定一个类,也可以不用定,一会直接用 q 一边给这个标圈进行一个 复制,复制的类类的样式就可以了 啊,这样的,咱们就把这个,嗯,把这个底部的这个什么呀,这个导航的这个 两下,咱们就可以把它循环出来,对吧?咱现在还没有,咱们现在还没有去写样式,一会咱们可以先把这个组件呢先调用一下,看能不能先调出来,然后咱们再去写样式啊?再去写样式。 那现在就是需要怎么去引用?把这个组件,把这个科目测这个组件引用到这两个页面当中,因为你就两个页面都需要用到这个指定组件,对不对啊?咱们运营组件的方式也很简单,咱们就跟其他饮用方式是一样的,对吧? 咱们这个地方呢,就是啊,嗯, 把这个自己去定定一个名字,然后把 from, 对吧?敲门斯卡斯,对吧?然后呢这个地方呢?这个地方有微微也行,没微微也行啊,然后咱们把这个敲门, 把这个 pasta 引入进来,然后这样的话呢,咱们就是这个左边的一个引入,引入就完成了,但是咱们要需要把它渲染在这个石头层上,对吧?那咱们把这个标签呢,就把它写上来就可以了,你这样的话呢, 这是其实这个地方就是调用在这个地方,对不对?内蒙下边,那咱们看一下,咱们已经把这个引入进来,对吧?咱们看一下能不能实现这个实现这个引入效果 啊?没有找到,我看一下啊, 他这个提示说主角没有找到,咱们看一下 看是不是缓存的事,是怎么回事啊?刚才是缓存的事啊?啊?咱们现在就把这个图片引进引进来了,对不对?咱们看一下这个图片为什么没有显示啊? 啊?真把这个弄错了, icn pass 对吧?这个地方是 icn pass 啊,然后这个这样,这个左右加入进来了,对不对?看到没有?比如说咱们已经 成功把组件内容引进来了,对不对?刚才为什么说了个叉,重新重新保存了一下?因为刚才他那个组件可能是因为缓存或者什么相关的,他没有加,没有那个 编译,编译成功还是怎么回事?咱们重新再保存编译一下。嗯,然后呢,咱们既然引进来了,咱们就需要把这个样式调一下,对吧?那咱们先把这个自定义样式开启,也就是把原先的原声的原声的这个给它关闭掉, 关闭掉以后呢,咱们需要把这个样式呢进行把这个这个这个自定义的这个样式呢给它放到底部啊,为了这个方便调试呢,咱们可以在这个啊,在这个什么,在这个面印者开发工具里边, 咱们直接调试就行了啊,但是呢咱们这个地方还得还得给他写一个样式,要不然一会不好调试,咱们直接先先把这个样式先给他加起来, 咱们这是这个 对吧?然后第一步 啊皮肤,然后呢这有个头有个 q 八,对不对? 有个淘宝的 这个钥匙在,他自己去洗啊,到时候去调试就可以了,然后还有这个 啊,然后里面有一个什么像冰腾,对吧? 然后呢啊?有这个以后呢,咱们可以 啊,咱们大概写了一下,写了一,写了一下以后呢,咱们的话呢,咱们就是把这个样式写好,对不对?把样式写好了,然后咱们咱们 去看一下这个效果,从这个这个微信开发者工具里边去看一下啊,对吧?咱们通过这个页面再进行一个调试,一个调试,首先咱们看一下啊, 这个地方写错了,然后这样他就固定在底部了,对不对啊?因为咱们需要给这个, 给这个考,你们,你们这下面这个给他设了一个,设了一个大小 二七 七, 然后这样的话呢,这个这个地方呢,咱们就可以看到啊啊?他已经跑到底部来了,对不对?咱们再给他设置一个在这边再给他调调一下,调一下 这个微信者开发工具。最近这个调试呢?他怎么老是出, 出那个书的时候他老是出问题,不过这没关系啊,这个咱们就只能慢慢调了, 这个一定要学会调试啊,要不然你在小程序里面开发一次,再渲染一次,就速度就非常慢,对不对啊?这样的话呢?他就出现了一个什么啊?看到没有?出现了一个 啊,大概的一个底部的一个效果,咱们可以把这个地方再调一下。嗯,今天 不调的太太太精准了啊,因为咱们只是一个演示,只是一个效果。然后呢?咱们把这个调好了以后呢?把这个地方 把这个地方调一下, 这个地方需要写这个样式效果,自己去调就可以了。 它是一个什么呢?里边是一个垂直性的,对吧? 他这个调试器有时有问题,我不知道是我这个电脑的版本装的这个版本的问题还是怎么回事? other 可以看一下啊,这样的就实现了一个这样一个大概的一个效果,对不对?那咱们把这个,把这个 这张修改好的这个样式,咱们考到这里边,考完了以后呢,他就是咱们调试后的这个效果,对不对? 然后呢咱们可以给这个图片呢,给他加一个周边的编剧, 这样的话呢,就看出来就更好看,更美观一点,对不对? 然后那个 咱们这个地方呢,就是说,呃,还要跟原声一样进行一个点击的话,进行一个样式的一个切换,对吧?为了方便呢好看呢,咱们把这个原先的这个样式呢,把它再给它恢复了, 恢复了他现在咱们这个地方在切换的时候,看看他这个图标和这个文字啊,都有一个变化的一个效果,对不对?那咱们怎么去把这个 图标的效果也有一个效果的变化呢?咱们可以这样啊,因为这个呢,咱们上节课上个视频,那个 随波再讲的时候啊,他也是利用了这个切换的时候,他会根据你选中的不一样的这个向往的一个变化,咱们上级各大会讲了,对吧?其实他的原理也是一样,咱们设置一个什么呀? 记住啊,这里边啊有一个有一个问题啊,这是一个组件对不对?咱们需要在外部也就是说在这两个页面去操作组件里边变换的值, 对吧?所以咱们在主页里面去写的情况下,咱们需要写一个, 写一个什么?写一个外部能够控制这个,也就是这个副组件能控控制这个子组件里边的一个一个一个属性,对吧?那咱们需要给他用一个 probs 啊,这样一个啊,一个一个定义的这么一个 一个一个直,一个直吧,这样一个参数需要设定这个,呃,比如咱们要看的这个是咱们以后啊,咱们可以以后去讲这个是什么?这个这个组件里边去怎么回事啊?因为他需要传,传给残值,对不对? 第一个 number 的一个类型 the boss 呢?咱们就是设置为零啊,这是定义这个,那就是操作这个子组间的这么一个格式啊,这个去记住这种格式就可以了。 但是他在引用的时候呢,咱们在这个适适合层里边引用的时候呢,跟在这个定义在对策里边这个是一样的,是一样的啊,所以咱们这个地方呢,就是说如果你今天切换的情况下怎么样这个地方就是说 需要做一个判断了。首先呢咱们定义了一个 curnt, 对吧? come 他等于这个 index, 也就是说这个 comen 在变变化的情况下,他等于一,等于二的情况下,他只要等于,因为这个应该个词的循环吗?零一这么一个循环,对吧?如果等于零的时候,他就是说明在第一个 这个推过八项上面对不对?那就是那就是怎么样?切换到这个选中项,对吧? 激光的这个选中像,对不对?同理你下边这个也啊,同理你下边这个太个词也是一样, 咱们定义了一个泰克斯啊,定义了一个泰克斯,对吧?这个泰克斯咱们现在没有写样式啊,咱们现在总理还是按 上节课讲的啊,咱们定义这个 ac, 对吧?激活这个像,对吧?也就是说咱们在当前这个像的情况下,他这个要给他一个当前的一个像的,一个什么?一个 一个类,一个样式类,对不对? 好,咱们看一下啊, 这个地方丢了一个逗号,然后咱们看一下啊,因为你这个卡没有啊,也就是 看到没有,你没有一个定义,对吧?咱们把这个太子,把这个太子子定进来,给他一个样式的一个样式样式类型,对吧?咱们直接定义的 ft, 咱们把这个颜色设置为红色 啊,这样的情况下,咱们看一下这个效果 啊,这样的话他就变成一个红色,对吧?咱们把这个维勒和圆效果一样,咱们把这个 agtium 定义,为什么呀?定义为一个蓝一个蓝色 啊?这样的话呢?咱们就切过来了,对不对?切过来了,那怎么变成第二个呢?在第二个切换的时候怎么去操作呢?那肯定是咱们也需要给他一个复制一个事件,对吧?点击的时候的一个事件,对不对? 咱们看一下,咱们给这个像啊,给这个里边这个特步像呢?一个是立刻的一个事件,对吧?咱们是四位置,这个名字也是自己去定义的,对不对? 它里面有个什么呀?有一个音响,对吧?音响下面有一个 pass, 对吧?咱们需要跳转这个相应的页面,那咱们把这个方法呢? 把这方法写进来,他这里边带了一个参数,对吧?配,咱们就叫配置就可以了,这个参数自己去命名,为什么?咱们要记住一定要随 随便去推波,对吧?因为他是推波巴的,一个一个一个放在这个推波巴里边下边的,咱们以前讲过这个页面切换的时候,是吧?怎么样?用这个 用这个哪个哪个跳转看一下,咱们看一下啊,这现在是首页设置,对吧? 啊?咱们现在就跳到这个,我的这个这个像这个页面来了,对吧?但是你跳的时候为什么这个这个没有了呢?你自定义那个他也不发没有了,因为你没有在这里边去 引入这个组件,对不对?那咱们就需要把咱们定义的这个,把这个组件引用一下, 跟那个跟首页的那个引用的方法是一样的, 这些格式啊,都叫记住这些都没有什么,为什么?他就是这种格式去去用去引用的,你要不知道用格式去引用,他就引用出来,当然还有其他的方式,其他的格式去引用啊, 咱们把这个用进来,咱们看一下效果 好。哎,你在切换的时候是不是切换到我的了,对不对?但是你下边这个颜色值并没有变化,对不对?那这里边呢?咱们需要 在本在这个卡斯城自定义的这个组件里面进行一个逻辑上的一个切换,对不对?那怎么去? 嗯?去切换呢?这里边咱们定义了这个 colon 的,对吧?咱们只需要改为 colon 的值就可以了,对不对?只需要改成 colon 的值,因为你外务改了这个 colon 值等于零的情况下,他就是零,等于零,他都会切换到第一个项,第一个项目,对吧? 啊?如果你是一等于第二个循环的,你大夫他有前后的第二个,对吧?所以咱们把这个康的直进一个变化就可以了。那怎么去进一个变化呢?咱们把 把这个 probs 在这个组件里边来定这个属性,对不对?那咱们从外部这个从外部副组件这样去去变冒号 come, 然后这个 comen 就是你自定义的这样一个属性, 对吧?咱们给他设成零,因为你这个当前页这是属于是第一个页面,也就是零,对吧?然后太子你是第二个页面,你就给他定义成一,对吧?这样的,这样的话呢,这个 car 呢?他就有一个变化了。然后咱们再看一下 啊,咱们进行一个切换啊,这样的话呢?可能就进行一个切换了,对不对 啊?这样的话咱们这个自定义组件,咱们再把这个,最后把这个组件给它隐藏掉,然后就是把这个 这个一直在开启 啊,你这样的话不就实现了这个自定义的这样一个操作了吗?对不对?如果你想改这字体大小,改这个文字眼,文字体的颜色大小 或者什么的,你直接就直接就可以在里边去修改就可以了,对不对?比如你改成三十 啊?你这样的话你就可以进行一个自定义了,对不对啊?这就是这个组件的咱们一个一个操作,对不对?组件的一个操作。嗯,今天的课程。

今天呢主要教大家如何在这个小程序上面来添加这个商品的这个规格参数,那么让这个用户在这个下单的时候呢,可以选择多样性来进行这个下单。 然后刚好今天这个规格参数也是难到了我的一位粉丝吧,之前呢我是帮他做了这个这个书店的这个小程序吗?然后今天早上,然后他就问我这个规格参数怎么添加吗?然后反正是把它难到了,经过我给他辅导之后呢, 就是说现在他可能是会了怎么去添加了。今天我在这个视频里呢,也给大家说一说,就是这个商品参数,商品规格这个东西怎么去添加的?首先呢还是一样你要做一个小程序,首先你得有这个管理后台,如果你没有管理后台,你肯定添加不了这个参数, 现在就用我给这个粉丝做的这个书店这个后台呢给大家演示一遍啊,看这个到底怎么去操作。首先就是说我们要打开这个,嗯对应的产品栏目,他是属于这个小学教辅的, 然后他是卖这个书的,然后主要就是说根据他这个产品分类,然后这个产品栏目我们在这里 进行这个商品规格的添加,首先呢我们就需要在这里添加这个商品规格,那么商品规格首先你得要添加一个规格组,这个名称弄完之后呢,我们就需要在这个规格组里面去添加这个规格参数,比如他这个书里面有这个什么,嗯分为这个 侧级,还有这个版本,还有就是这个类型的这个书籍,还有就是这个年级,那么我们就 又分为了三个规格参数组,分个规格参数组之后呢,每一个规格参数组里面都有这个对应的这个参数值,像这个规第一个侧级加版本,他有这个人教版,还有本事版,那么就可以分为上下册, 呃,因为这个上下册他就两种选择选项方式,那么就可以把它对应的组合在一起,那么就对应组合了,上册人教版,上册本师版,还有这个下册人教版,还有这个下册这个本师版, 那么就版本也就两个,然后我小学的版本也就两个,然后这个册集也就两个,所以就把它直接组合起来了,不用用户再去这个进行选项了。然后这个书啊,他有各种的上语文、数学、英语啊,还有组合的呀,上这个语文、数学、英语啊,进行这个各个组合, 还有这个年级呢,就是一二三四五六年级。那么这样用户他去这个购买书籍的时候呢,他肯定会站在,嗯,自己属于几年级呢,那他就会选择几年级,那么他要买什么书呢? 那你肯定不知道,所以说你要把这些什么什么类型的书要写出来,有语文、数学、英语啊,那么你这样就可以展现出来了,那么这个 他是属于这个上册下册啊,怎么看他就直接可以选择对应的这个版本,还有这个测速就直接进行下单了。总之呢就是说你要把你你知道这个参数呢,来进行一个组合对应,你要站在用户这个角度来想, 用户他是一般属于几年级,他会选择什么样的书,选择什么呢?这个人教版啊,什么版本啊?还有册书啊,这都需要 考虑的,其实这个商品规格也是比较多的,就像那种,就像这个书籍吧,他这个这个规格也是比较多的,像那五金啊,规格也是比较多的,所以说你要把你想到的组合起来,然后进行这个 共用户来选择,尽可能最大的方便他们。然后呢就是在给他就是说你购买下单的时候,这个消息这个提醒他是怎么做出来的?这个东西就是说是小程序的一个订阅消息提醒, 就是说你申请的这个小程序账号之后呢,就可以在他这个订阅消息提醒你们去添加这个模板,然后对应的添加模板,然后添加到你对应的这个就是说 这个后台这个模板参数里面,那么对应获取这个值,然后你添加就行了。像一般有什么 这个支付通知啊,就是说你的用户比如下完这一单之后呢,他就会自己在他这个手机上的微信直接给他发送这个订单, 这个下单成功的这些通知还信息,所以这就是一个微信提醒的一个重要的这个功能。好了,今天我就先给大家分享到这里。

好,我们来看一下参数,还是点击这个编辑这个商品,然后在这个参数标题就选的商品参数就可以, 然后参数项目,比如说这个衣服啊产地,对吧?衣服的产地说广东深圳, 然后再添加一个衣服的材质棉,那么这些参数呢,也是大家根据自己的实际情况去添加。 好,我们保存一下,看一下这个参数他是怎么表现出来的,我们出来以后呢啊,清除下缓存, 然后回到这个商品的页面, 这时我们可以看到这里有个参数,对吧?用鼠标点一下,他会出现我们刚才填写的参数信息,那么他是一行一行的形式往下排列。 好,那么这个是参数,那我们再来改一下规格, 我先看一下规格,好吧?目前的规格是立即购买,规格是默认的,对吧?他是没有,呃, 没有这个其他的规格可以选择,但是呢买衣服肯定是有不同的尺码,不同的颜色,对吧?好,那我们现在来添加一下他的这个尺码和颜色规格名, 比如说这个第一个是颜色规格值,就是啊紫色还有 蓝色、白色三个颜色的这个连衣裙,那么还有还添加他的这个尺码,对吧?他的尺码我们再添加一个规格项目,他的规格名就叫尺码,然后规格值就是分 s, 哎呀和踩呀,好,那么这个时候呢, 我们看一下啊,他这个下面出现了他的这个不同的规格,需要添加的价格和库存。如果说是这些规格和颜色啊价格统一的话呢,我们可以点全选,然后批量修改价格二百九十九元。 那如果说这个,比如说你有个颜,有一个尺码,有个颜色的货比较紧缺,你可以卖贵一点,比如说我们卖 三百五十九,对吧?啊?最后再统一设置下库存啊,库存大家最好是按照自己的实际情况去填啊,如果说,呃,实际情况不好统计的话呢?你稍微填一个大点的也可以,那我们再买八十件 设置好,那这个时候呢?这个参数和规格都设置好了,我们保存一下, 这个时候我们再来看一下, 需要重新再进一下吧。 嗯,这时候大家可以看到啊,他这个规格是可以选择颜色和尺码,对吧? 那这个白色的 s 码我们刚才改了价格是三百五十九,就是不同的规格之间呢,价格是不一样的。好,那我们这个就说到这里啊,谢谢大家。

欢迎各位同学来到微信小程序设计第二期导出及导入数据库数据,同学们可以扫描屏幕右下方二维码,添加老师微信进行技术交流与合作。 好,咱们来到这个小程序页面,我们打开语音开发,那么在工程实力中呢,我们常常需要导出和导入咱们的这个数据库, 那么老师今天就以一个案例为例,给大家讲解怎么去导入数据库和导出数据库啊。 首先我们讲一下怎么去导出数据库,那么在某在咱们这个用户数据库里面呢,有两个啊,有两个数据,一个是 id 一和 id 二。好,那么我们怎么去导出呢?这同学们直接点击导出啊,导出选择导出格式, 它有两种,你选择 c s v 就可以了,那么选择这个 c s v 的这个过程中啊,你要注意了,你要把你的这个字段 啊,哪里是字端呢?就是我们这个杠 id, 杠 open id 的 occasion 和 using 论啊,你以逗号的形式把它分隔开啊,你在这里说,比如说说 id 逗号啊,杠 open id 啊,然后是咱们的 location, 呃, l s location 啊,然后是咱们的 username 好 u s e 啊啊 usually。 那么输完了这个之后啊,你就选择导出位置,比如说是咱们的这个桌面啊,然后我们先选择导 导出位置吧啊,保存啊,然后点击确定,那么咱们这个数据库呢,就以 c s v 的这个格式啊,导出出来啊,导出出来,我们等一下, 好,导出出来以后,呃,我们可以啊,在咱们这个数据库里面去查看啊,我们点击把它打开 啊,那么就有了咱们的刚才的那个啊数据了,一二二一二三二二三三三四十四。 好,这个就是咱们数据库的一个导出,它是以 c s 为格式。好,那么我们后面接着讲怎么去导入数据库,那么我们现在新增一个三号数据啊,新增三号数据,我们复制粘贴,然后三号数据呢?是六六六啊,六六六六,可以选 urname 也是六六六。好,我们点击 保存啊,保存,点击四啊,我们关闭,关闭了这个之后,好,我们来到这个云开发的这个数据库界面,首先呢我们就把刚才那个导入进来啊,刚才我们更改的那个数据,当你导入进来的时候,首先你要把这个之前的这些记录都删掉啊,我们把它删掉, 删了之后,然后我们再选择导入啊,导入选择文件啊,然后我们点击确定。 好,这样我们就成功的导入了数据库啊,把咱们刚才那个六六六导入进来的啊,那么这个就是咱们数据库的批量,这就是咱们数据库批量的导入和导出啊,这样的这节课啊,感谢各位同学的收看。

hello, 大家好,我是清风,上一期呢,我分享了六款我最喜欢的软件,然后其中有一个软件会比较麻烦一点,就是 qt tabar 了,所以这一期视频我就来讲一讲这个 qt tabar 的入门。 这 q t 跳霸呢?它安装完之后呢,可能大家还不知道它怎么在哪里,怎么用,这个时候我告诉大家在哪里 安装完那个 q t 跳罢之后,那打开这个资源管理器,然后点一下这个查看,然后点一下这个选项,这里 点这里点选项两个字,这里不要点上面这个图表了哈,点点下面两个字,然后它就会出现一行,然后你就勾选这个 q t tabar, 然后它就会出来, 对,他就会出来,出来之后他本身他本身是一个英文的,那我现在是做了一个, 哎,汉化,其实不是我做啊,就是网友,有网友把这个汉化的那个翻译发到网上,然后哎我就会去下载一个东西,那那等一下我也会把那个分享给大家,大家不用去找了,其实我找了蛮久了,汉化的那个流程就是右键,在这个 呃标签栏那里右键,然后选一下这个倒数第二个,倒数第二个,然后他就会进入这里,点一下第一个,然后在这里是他可能会显示 language fields, 他让你选一个语言文件,大家就就就就看着这个图 知道在哪个位置就好了,然后呢就点这个选择文件翻译的字幕放到哪个地方,你就点哪个地方,你就选中它,然后打开,然后呢就可以一点应用,然后就点确定,你再把它关掉,然后再打开 它就会显示成中文。好吧,大家如果想设置说每次打开让这个标签栏都能够自己自动打开,那么可以自己先打开几个窗口,然后就把它们编成一个群主,知道吗? 就可以这样子为为活动标签页创建群主,为所有标签页创建群主,创建一个群主之后这有个群主列表,看到没有这个星星,这里有个群主列表,然后点一下这个主页,你你你可以把你的主命名,我这里又没有,懒得命名我就。 所以你可以把把你组命名之后找到你想要的那一组,比如说我这是一组,就是我就是我每次要打开的这一组,然后把这一组选中,选中完之后这里有一个启动群组, 这个就很方便,像那个浏览器一样,哎,你设置这个启动页就很爽。好吧,好的,那基本的功能就这样子了,其他的还有大家想想怎么搞怎么搞,这里还有很多功能,我我我就懒得去研究这么多,我目前就 就就其实用用它的这个标签来用的比较多。哦,还有一个,呃,它有一个预览的功能,就比如说它可以预览, 对不对?它可以预览视频,也可以预览,然后图 变预览,预览,呃,这个预览呢?这有个预览提示啊,哎,不对,对,这有个预览提示, 他默认是就鼠标放在哪个地方,他就会自动遇了,哎,我个人不建议这个,因为他会一直占用这个 cpu, 那他这里有一个让你选的,那就很爽。 这个这个默认是仅在事件按下时显示这个默认,这个勾是不打上的,那么我们就把它打上,然后就可以想预览哪一个就自己选择,就不会说鼠标到哪个地方就哪个地方都预览。 好了,今天的分享就到这里,感谢大家的观看,希望能够对大家有所帮助。