064-尚硅谷-尚品汇-detail路由组件展示商品售卖属性-裁剪

他展示咱展示。是不是咱咱这底下这个小图啊。对不，那咱们搞一下，那也就是说父亲也得给这个子组间也得打。是不是把数据给他传过去？用的数据它俩是咋的一样的，所以说你给他咋的直接CTRLC这块CTRLV是不是正过。对不？那当然你的子组建当中要咋的？是不是得收？对不，那这块收嘛，那叫pro，那这块是啥叫。忘了SKU以list。对不，他至少是个啥，是不空腹。对不，那服务器的数据一回来给的是不是就数组里边有元素。对吧，那咱看一下那老师问你，你说这块的结构有没有啥感觉。这块的结构。这啥玩意儿？这不外per轮播吗？第几次遇见过？

第三次了。而且轮播外轮播的注意事项，咱曾经是不是说过？先引包，引钥匙，再有结构。对不完了才能new谁是不是new外per的实力结果没有，你能想到谁next t。对不对吧？好，那咱们先尝试一下吧，老师想给谁进行便利，那这块展是不是应该多张图？对不，那这块咋办。V杠谁V-for，因为它是个数组嘛，那就是呃，咱们就叫做嗯sli吧，行吧。In desk，便利便利，咱们是不是叫SKU image list，那当然是不是要有动态的K。K，为什么？这块咱们别猜了。咋的，你看吧，几个数数。1234是不是五个啥写来这样，咱们看一下它有没有ID。找一下应该是这个。

有没有有吧，所以这块你就直接写谁就行了。叫死力的点，哎，老师说你死力的啥，是不是一个对象。对不，那这块你要展示的图片是，是不是1MUL。走捞过来，那这块就是啥。走，那这块应该是leader。死。Leader。没R吧，按点他。对不？那咱们先看看图片有没有换刷新。有没有？有吧，那当然现在我说问你说这个per好。没有，现在咱只是把这些图片给他咋的。是不展示出来，以及鼠标以上谁加的这个边框是咱写的吗？不是啊，这是啥？这是纯钥匙一上谁谁给图片加个啥边框，那这。当然啥都干不了。咱就先不管了。OK，不OK吧，但是老师先给你提一个醒。

一定要记住啊，S外per，你看它这这玩意是不是隐了样式咱有没有。有，咱在哪儿引呢？是不是入口文件对吧，那当然咱有newwaper实例嘛，没有，那当然你现在点是不是白扯。没有动态，对不，但是这里老师给你提个醒，咱当年说过。谁来的？Dollar。Nice。Taking。对不？哎，这个咱回首再说吧，好吧，好，这是它。那咱们呢，再把哪的数据也给它替换一下呢，这。哎，我告诉你啊，今天有一个地儿你是需要琢磨的，就是谁就这。这玩意咱一般一般买东西是不是有个数字。点击。加一点击减一完了之后，用户是不是还可以输入。对不？我告诉你，今天这玩意就够你喝一壶了。咱先别管别的，咱先把哪块的数据要给他搞分来是这。

是不是这样啊，那咱们搞一下，你看这个数据在哪，这块数据咱还没计算出来呢。你看他在仓库等。咱找一下。看咱们找一下咱们的这个detail detail当中是不是有一个叫做看这啊，这应该啥，这应该是你售卖属性以相应的啥，是不是属性值。就比如说你颜色，比如说你买的是苹果有什么颜色，有红色，有粉色，有粉色有绿色对吧，多大G的是16的还是100的，还是1万的，那左侧是不是相应的售卖的属性，右侧是不是相应的属性值。它的数据在哪，你看开的瑞是不是导航。SQ info是不是涉及这个产品的信息和小规模图的？他是谁呢？他应该叫做PU cor例子。叫做产品的售卖属性。电表。那仓库当中有没有这个数据。有，但是咱有进行简化吗。你看吧，简化有吗。没有吧，所以说咱们给这个数据给他咋的，稍微简化一下，咱也叫他行不。

行吧，好，那咱们也给它简化，那你说得找哪啊。找哪是不是找仓库，仓库是不是这你看，所以这块呢，老师给你写这块谁是不是咱们这个叫导航路径导航。路径导航简化的啥什么数据。那这个是什么，这个呢是咱们产品的信息。啊，简化。产品。信息的数据，那这一块是谁呢？这块是咱们的那个平台，就是产品的。售卖属性的简化，咱也叫这个名字。看这。要走那这块蕊特的是什么呀？那当然是不是把当前仓库这个sta是不是给它注入。法国的是谁？别猜，咱自己看一下子，他应该返回的是贝下的。

比他下的good info下的他。对吧，这么长是吧，所以咱们写一下应该是return谁，是不是state。点啊，当然咱们这个是不是就是本地就是这个小仓库了，对吧，直接背点good。烟点。我的妈看一下啊。点他。对不？PU Co tr粒子，当然有可能是啊。看这是不是同样套路，是不是可能是按底算，至少是个什么。对象还是数组。看。对象还是数组，数组对不？所以说咱们在这给他来个啥，至少是个啥数组。对不，那接下来你是不是得回到咱们的detail路由这个详情组件当中，是不是得展示这个数据。对不，那所以说这就咋的了。说关了找谁？

找views下的。是不是在找比态？是不是找这，那咱们呢，先捞到数据再说，那它应该叫啥呢？是不是叫做PU，就是不叫这玩意。直接捞过来了，先别着急先咋的。这个老师没看，在讲课的时候是不是都一步一步走。咱们就跟叙利亚风格。咔咔的，管他呢。先往底下打的。先搞搞，有就用，没有。哎，再回头找bug，我再找找不着。就很尴尬看着，那咱们找一下是不是找他。趴下了，咱们找一下看有没有。有了吧，那剩下的活你看吧，老师问你这块跟谁很像？就这块儿跟谁分享。是不是跟他很像？对，跟他是不是很像。对不，那所以说这块咱得一点点搞了，一定要注意左侧是啥，是不是产品的售卖属性。

右面是是不是这个产品先用售卖的属性值，举个例子，什么颜色，你是粉色呀，还是红粉呢，还是绿粉呢？对吧，你还是黑色还是蓝色，内存多大，是16G还是128G，还是256G，那这是不是叫属性值左侧是不是叫属性。对吧，那咱们看一下，那咱们先找到相应的结构，结构在哪，咱们先找完。它应该是在右面，对不，这是放大镜给它关了看啊，它有没有右边放大镜先关了。对不，右侧选择区。咱大概看一看，这是不是咱当年写那个名字详情。在这呢，它应该是在它的底下，咱找一下了。应该在哪呢找一下。就这老师先把这先打的。哎呀，妈，这折不上，这先折了。这个。这也给他打折。

看这是不是就这。咱们先对一下对不对，你看他是不是选择颜色，老师先搁这先打的。都给它先折上，咱先打开几个一个你看这。选择颜色。对不对。完了后面紧随是不是它像DT是不是那个标题DD是不是相似值。对吧，那老说你是，你猜这I啥意思。是不是高亮啊，但老师问你，你看这老师问你。你感觉谁多？是不是留一个，是不是留一个DL就行了，剩下是不是就变力就行了。对不，那所以说这块咱搞一下这块应该是谁V杠。放你看吧，这V高号天天是V号。对不，那这块咱叫啥呢？来先看便利谁。你遍利的应应该便利的谁，咱看一下刚才是不是算完了，便利的应该是这个，这个叫是不是就是它PU cur list，这是个燃是数组。

便利是不是他？那前面来看这。啥啥，哎呀妈呀。跑偏了是吧，是个T，好，那你看前面咱起个名字吧，那咱名字就啥。就叫C项，把它的这块给他。捞过来吧，这名叫PU Co tr和谁和index？老师问你啊，这玩意是个啥？是不是对象？对吧，那当然你这块是不是得有K冒号，K为啥是不是应该叫做SPU。Seal。At t。R点。边看一下有没有ID。有没有有点ID。对不，第2ID好了之后呢，咱们呢，先看一下老师给的，呃。哪个单词PU啊，对吧。来看一下，咱先看有没有那点意思，应该是两。

对不对，那当然啊，咱们这块是不是没有进行替换的，那这块应该替换成谁，咱看一下应该是谁。你看吧。这个是不是售卖属性的名字，那里面你猜是啥？说它相的值，颜色有什么色，咱看一下，你看是不是相相的值。是不是有？陶瓷色有这色扯淡，还有什么透明版对不？那所以说这块呢，咱们应该写的是不是叫c a tr name。对不，所以说咱们把这给他打了。是不是搁这给他替换了，嗯。来看一下这块应该叫做PU。C a tr点它。对不，那咱们先回首先看一下对不对，是不是有两个售卖的属性。颜色和啥和版本，那当然相应的属性值你是不是也得。得得变，那咱们看应该便利的谁。便利的你这块再给我对准你便利的是不是应该是这个数组里面这个对象的。

这个数。对不对。这能跟上吧。就这两个对象分别啥，是不是分别是不是这两个售卖的属性。而相每一个属性的里面是不是又有相应的值，是不是得便离它？对不，所以说这块咱们写一下，那也就是说这块流你应该咋。留几个，留一个再咋的。微告。否，这个套路应该很熟悉了，是不是应该印印谁应该叫PU？Co tr.PU tr value例子对不对？哎，对不对，对吧，那前面你是不是也得有，有谁是不是有咱这回记叫啥。Value。对，不给他了。后来。完了点谁in that，那当然咱们是不是也得给人加上？K，这么K呢，咱们得看一下有没有相应的啥ID，我猜应该是有。

我走，他没报错，那就一定是有有没有有吧，那当然相的值是不是没变。那咱们看一下它应该叫什么叫。看一下了，应该是颜色。是不是叫CL6NAME？不应该是这个，这个是不是售卖属性的名字，这不颜色吗？颜色的值是不应该，陶瓷色是应该是他。对不给他咋的老那这块应该写的是啥，来看这啊这中间这部分。那中间这一部分是不是应该替换成？等会少杀了一个叫SPU。C at t r y6点。怕。对不，哎呀，这A啥呀。你就记住以后你们在工作的时候，你名字你别老给我写个A，写个B，写个C。或者ABC。好不好？因为我能想到就是学GI基础的时候，Let个AA等于100 let b等于200 let c等于300，实在不行，Let ABC等于400。

好吧，好，这样咱们先看一下刷新看一下对不对。对吗？现在显示的是对，但是。高亮。你高亮不应该上来全咋的？全量，那咱们看一下数据，数据当中给咱们了有一个标记，看应该是不是相应的属性值，你看。他其中有一个标记很明显。叫is checking，你看吗？对不？A check为零代表的是没有高亮，一代表啥有高亮。这能懂不是不是他数据当中会给咱们进行体现的，那也就是说你这块的这个类名不应该咋。不应该写死啊，你要写死了是不是全有高亮，所有这块得写啥，是不是写动态，动态咋整。

冒号里面放啥？收放对象。对吧，叫矮。那这块咋写？是不是在判断你这个po Co tr value的身上，这个对象身上有没有is check，而且看它等不等于几一对不就判断一下它的身上。到谁is？He z ED等不等于几一。如果等于是有高量。对不？那你看这回再回首开对不对。这能理解不？可以吧，啊好嘞，那当然底下这咱先用高。先不搞好吧。