043-直播间模块-UserCard布局原创

好了，另位，那接下来咱们就来取这个数据吧，啊，你想一下，我们当时啊，在类务GS中咱们获取过这个接口，嗯，它需要的信息有什么呀？你看在这里get iner啊，Get user infer这块咱们曾经啊用过这个取数据的这个方法，那现在的话，你需要把这个方法呀，给它迁移到我们的user card的这一个组件里面来啊，大有人说客，我都要在外面去请求，到时候给你来个复传子，控制你这个傀儡user卡的组件就可以了，嗯，这个思路的话也是没有问题的啊，你看这次坑啊，咱们用这种方法来试一下啊，我让你看看这个功能呀，好不好用啊，咱们的userc卡GS中列外啊，在打里啊，在这里，在这个生命周期中，你准备来获取数据啊，你是这么想的吧，在这里好，通过哎，我们的model get user iner拿到这个数据，但这个数据咱们能拿到吗？这。

是不是在从负给传过来，咱现在用不了这个数据的，对不啊，所以客人在这里准备从负面来传，那这个model的话，咱们也得引入一下啊，导入这个model啊，For home这一个点点上一级，点点上一级咱们的U文件夹下的这个request，好拿到model岛进行取这个数据，但这一会儿这个这个user ID和owner ID咱们都得同我们的副组件给传过来，好接下来在我们的live wxm中，咱们就负责往它这里面传一下呗，哎，是不是在这里面传一个，再传一个什么呀，我看当时是怎么传的就知道了，你看user user ID来，咱们在这里传过去，列外往user card中传一个user ID过去，因为将来取数据的时候，咱们在用它在这里在传一个group啊中的owner这个数据，所以就是owner。

ID咱们再从这个里面再传一下，列外看一下对不对，Owner ID从group INF去拿过来，那这样的话呢，我的user ID和owner ID都传给了user card user card就可以通过我们的属性来接助，哎，我们在user card GS中，咱们就在这个属性中来接助，我们的user ID它是一个string类型的，Owner I它也是一个类型的，好了，拿到折后的话，另外在咱们的UID和owner ID里面的话呢，咱们就可以来进行操作了，但是你会发现在这里的话呢，会出现一个小问题，什么问题呢？你会发现我们的get user if拿不到这个user ID啊，拿不到这个owner ID啊，你说我我只能通过pro拿什么都拿不到啊，拿不到啊，你可以测试一下啊，这是咱们容易犯错的一个地方，来列位重新变译一遍。

咱们可以测试一下啊，在副作中把u ID owner ID传给了孩子了，在孩子中利用UID和owner ID，咱们去后台啊，要这个数据好布局啊，咱们的UC看的这个组件运行之后，另外咱们来检查啊，点击之后的话呢，你会发现怎么拿不回来，拿不回来这个数据，诶，但在这里我们这个card中啊，我们这个请求啊，User iner，他说它不是一个方法，我们的猫到在这个地方咱们点来走进去看一眼，我们get这个获取我们的user，诶，我这里好像整错了哈，我引入引错了，我怎么引的是request，我引的是这个什么model下面的index，想给大家演示错误啊，没想到先出现了这个奇怪的一个错误啊，运行之后再来一遍引进入这个杨组这个界面，来来，点击之后大家可以看一眼咱这个数据。

这到底拿没拿回来呢？来测试一下啊，在这里的话呢啊，我们的data等于打印一下啊，咱们看一眼这个data拿没拿到来重新的再来一遍，哎呀，我还得编一遍，忘打印了哈，咱们也可以啊，这个测试一下，大家可以发现，哎呀什么都没有坑们啊，没报错，但是什么都没有，咱们在上面还能好好的获取到，怎么在这就获取不到呢？这就是有坑的地方了哈，是因为咱们这个属性的话呢，在create的生命周期中啊，它根本呀获取不到，因为的这个生命周期实这个组件在创建的时候，那在这一会的话呢，咱们这个属性啊，他没传过来呢，所以你获取的时候有点对吧，操之过急的再重新编一编啊，所以这个问题啊，就是这么被发现出来的，所以列位啊，你有没有遇到过这几个问题呢？点完之后你看可中没传过来，它是一个空字符串，压根就显示不出来了。所以在这。

点获取有点早了啊，所以在这咱们生命周期中还有一个attach的这一个方法，大家知道吗？Attach的这个方法的话呢，它是咱们生命周期中啊，这一个已经挂载到连接到这个节点上了，那这个时候你去获取的话呢，就没有问题的，那最后咱们再打印啊测试啊，咱们咱先把这个活呀给准备好了啊，这样才可以啊at a ch啊咱们的attached生命周期好测试一下之后，咱们来看一下这一次，你看看他是不是一进来，好，咱们点击这一个用户卡片，你看能拿到传过来的属性，也能够把咱们这些有效的信息的话呢给拿到，你说我有了这些信息，我在布局页面，我还怕什么呀，是不是，所以我就可以在这个data中提前定义好当前这一个什么user，他一开始是个控对象，然后在这里拿到数据之后，他们就赶紧的。

给它set data，把这个user，哎current user给它设置成这个对象这个词的，你想想布局页面的时候是不是就能够用得到了呀，哎，这是咱们的这些什么粉丝数呀，哎，咱们的这个一些其他的数据啊，都能够获得到，好吧，另外好，这样的话呢，咱们这个数据已经准备好了，来到我们这个页面，咱们开始看这个布局这一部分，我看下这里哈，布局这一部分将来我现在这些数据能够把这个粉丝数，礼物数简单数给他弄好了，但上面这一块这个信息咱们是不是也还没有呀，所以咱们还得附传子，还得往下面去传呢，啊在哪里去传呀，是不是在咱们WXM2，在这个直播间的WXM中，咱们还得往里面去传我们的什么信息啊，我们的，我觉得把这个group infer给他传去得了呗，啊group INF这个信息传过去里面不就是有我们。

这个群群主的名字呀，对吧，各种信息啊，是不是都有，把这个信息传过去，当然你也可以呀，在更细的哈，把里面的这一个owner infer的话，再往里面去传也行是吧，把那个呃，我们我们传owner infer吧，我们这group in还得自己点一下owner infer对不对，我们这样呃owner infer我们群主的信息给传过去，Owner iner这个状态咱们已经在6.gs中啊，咱们已经获取到了，所以在这里哈，我们应该能找到这个owner infer是我们在在这里啊就定定义好了的啊，咱们在第一次的话呢，就已经把这个owner infer给它从group infer中给它获取出来了啊，在我们初始化成功的时候，好，那这样的话，咱们就把这个owner infer往里面去传，好吧，那最终在我们的room room room，我们user card GS中，咱们再用这个属性的方式来接收到我们的owner infer，那咱们在这里的话，其应该是一个什么呀？

这也是一个对象吧，Object，好了，咱们就可以来实现我们这个页面的一个布局部分的列位，来吧，你看属性中拿到owner infer，能够布局出你这块的这个头像，还有你的文本内容啊，然后你的这个current user这个状态的话，能够布局出你的粉丝礼物和点赞数啊，所以我认为这块咱们剩下的工作的话，就是一个体力活，咱们可以做咱们的页面的布局部分呢。来了，来到我们的WXM2中，诶怎么每次都想点它呢，来到咱们的user card wxm2中啊，咱们在这里来去做这个布局，我也说了头像这一块啊，咱们在这再用这个插槽了啊，这个半屏这块有个插槽的话叫做还ER专门放你的头部的内容的，一保存，你测试一下来重新的咱们编译一下这个热重载啊就在这儿好用了，因为你每次改这个页面信息的时候呢，哎，它就不需要重新的把整个给它变译过来，是以咱们只需要在这里来改我们的user head，我怎么这块的话又记错了吗？啊是不是这个title呀？嗯，是title吗？Title和foot吗？Title保存之后啊，你会发现，诶这个热更新就在这起作用的哈，热更新的话呢，啊，热热热热重载啊，这个功能非常好用啊，就是我们每次啊，在改这种页面布局，改样式的时候，它可不需要重新的把整个程序再次回到首页，再点进来就很方便了。

啊，你看一个de sc是在下面这块的一个头啊，Title的话是在上面这块，那坑也决定了在这个title这部分的话，咱们不是放咱们之前的那个什么image image s RC，就指向咱们所说的owner infer里面那个头像地址avat啊，就他就可以了，对不对啊，Class咱们给他指定好，将来的话呢，客人把这个样式给他一做啊，现在就给他一做，要不然这个头像又这个有点惊恐的一个样子啊，先给他把头像设置一下就可以了，所以我把这个CLASS1复制来到我对应的WXS中，咱们在这里把这个头像给它，宽度的话给它设置成100RPX，高度的话呢，100RPX的RADI50%，你看这样这个小头像放在这儿就挺好的了，那接下来再就是我们这个DSC，就是我们的描述这一部分啊，这块的东西啊，可能就比较多一点。

咱们再分为这么几大块吧，哎，第一款的话是我们的个人的这个用户信息。第二块的话呢，是我们的这个点赞的这些信息，对不对啊，礼物送礼的这析第三块就是我们的按钮部分的列外，你看看看划分出了这样三个view啊，在这里啊，我们看看这个数据杆啊，在这啊，将来这一块放在一个view里面，这一块放在一个view里面，这一块咱们也放在一个单独的view里面啊，就是客们刚才所写的这一块在一个基本的这样一个结构，好在这个view中的话呢，另外咱们就可以往里面塞东西了，咱们首先放咱们的这个吧，呃。

我们的头像，我们的昵称啊，和我们这个粉丝灯牌这样一个东西，所以我在这里的话就是昵称的话就是owner owner in，点粉丝灯牌在这里面哈，Image s RC等于斜杠，斜杠image好，斜杠image，然后再就斜杠level，咱们当时一直用的是一个LEVEL1，我记得哈，斜杠level1.pg好就在这里，这个view咱们在这里给它加好他的这个名字，Class是这个银粉好，我们给它给它加点样式就可以了，对不对，养祖的这个粉丝灯牌啊放在这里哈，点这个iner，咱们咱们控制一下吧，控制下它的字体大小的话呢，16PX啊，放它杠size啊，SIZE16PX，然后让它这个加粗一点，放border啊，然后对应的LA center好里面这个。

的infer下面的那个image这个图片的话呢，咱们就可以给它加上这个什么宽度的话呢，是60RPX高度，因为这个粉丝灯牌咱们以前用过哈，咱们就按照量出来的那个比例给它写出来就行了，养组的粉丝灯牌咱们就给他写好了，那接下来在这里的话，就是下面这块，就是它的一个什么呀，地址这块的一个信息，ADDR，另外在地址这一块的话，咱们这个布局的话呢，也是一样的，首先咱们这块弄一个小图标，看一眼这块是不是有个图标呀，这个小图标定定位的一个图标，Image s RC等于咱们的斜杠image，然后斜position啊，Position是不是有有这个图片吧？Position有吗？嗯，斜杠position有这张图片。好了，咱们在这里的话给他起好这个class的名字啊，就是我们的这个position啊，那接下来下面这一块的话呢，就是它的内容，我们的owner infer以前的话呢，A。

DRR这个属性里面啊，咱们会存在的地址啊，现在如果是拿不到这个地址信息的话呢，咱们就来一个什么保密就得了，好吧，好了就是这样的一个效果，那接下来把这个样式的话，咱们进行一个处理一下，那客人在这里对于这个ad drr的话呢，咱们也一样呢，加上CSS的一个控制来DR啊，Class选择器吗？哎，在这里ADDR咱们给它设置一下，咱们的放在science吧，让它小一点，这个字体让它小一点了哈，放在S是12PX PA line的话也设置成咱们的center特哎，跟上面的话有点距离，Marin设置15R PX啊，咱们color的话给它一个green的一个颜色，灰色的啊，再就是让咱们这个小图标的话呢，给它小1.addr，咱们这个image啊，你也可以用class选择器来控制一下这个图片的大小，24R PX量出来的高度的话呢，32。

PX好一保存之后的话呢，是不是，哎，这个信息的话就好了，那接下来再就是我们的下一步了，我们下面这块就是我们的统计信息了。是吧，在这里面，在这个view里面，咱们对应的这里的话，就是咱们的一些啊数据信息的，我们在这里有一些看的统计信息里边分为咱们几个view啊，一共是三个吧，因为就看三组嘛，对应的粉丝呃，这一块一组，这块一组，所以用弹性盒是最好了，对吧，FLEX1啊，然后咱们外面这个大盒子的话是第4DISPLAY啊flex就行了，It这里小给它指定好at at好，那这样的话呢，就是我们这个count的话，按照咱们的这个弹性和布局点count第4LE，咱们的flex你可以列为啊，你可以在这里的话呢，给它一个高度，为什么要给它高度呢？因为将来的话我们让可以在纵轴上，哎，咱们让它进行一个啊居中啊，这样就不是垂直居中了嘛，所以可能给它一个高度吧，120PX，那再后让它在。

我们的at home给他一个center啊，在纵轴上居中还是一样的，跟上面这块的话呢，有点这个距离，我看一下是不是Mar杆top的话给它22PX，把这个字体大小的话放到size的话，给它设置成还是12PX啊开的话呢，还咱们的green吧，好了，一保存之后来列外，咱们来看一眼哈，咱们现在还没往里面放东西呢，你看客人就准备往里面放东西呢，我也说了，外面这个count呢，是display flex，那里面这每一项it的话呢，咱们就准备给它，让它FLE1就行了，然接下来再让它center来列外，说剩下的功能的话呢，对吧，就很简单了嘛，Center center好保存之后来到我们的user card中，这块你准备写什么呀，是不是就那些信息的呀，我们呃几个固定的值，然后再加上我们这个文字view这一块来class。

咱们给他写的这个东西是什么呀？大家还记不记得这个是咱们的粉丝数哈，粉丝数这里咱们在哪个属性里面来，在咱们user current JS中，咱们已经把这个数据给它同步到我们的user这个里面来了，另外是不是在这里current user，所以我应该通过current user点什么呀？是不是点fans就行了呀，点那个fans啊，点点粉丝数嘛，点fans啊，因为在这个地方的话，咱们之前都获取到了，大家可以看一下，点fan.like.gift gift就可以了啊就这样的，所以我应该在接下来的把这段代码一复制来，扔过来一份，然后把这段代码一复制，然后的话呢，扔过来一份好了，那这样的话我看一眼这块中间这个叫做礼物数号，那这块就是个礼物数，那这一块的话呢，就是。

咱们呢，这个点赞数好里面这个值就是点gift.gift然后这一块的话呢，就是个点like好一保存之后列微可以感受一下，你看这个效果的话呢，现在就是一个粉丝啊，礼物数的话，11点赞数的话那是个八对吧，挺好啊，你可以把上面这个数字给它放大一点，那这个时候你可以加上一个，比如说咱们加上一个class名字啊，给这些数啊做放大一点好吧，哎，故意的给它做成大一点的，那这样的话，我们可以对于这个点value的话呢，来在这个user card的点JS这里SWXS这里，咱们给它设置一下这个字体的话，让它大一点好吧，来点这个呃，Count的下面点item下面点item下面的点value啊。

是不是我们给它设置一下这个fo-size的话呢，是个16PX，然front-weight的话呢，我们是一个boer吧，然后的话呢，我们这个color是黑色的行不行，保存之后blank BL a blank这样的话呢，我们这个就变得大一点的了，好了，最后这一块就剩下我们这个按钮这一部分了哈，按钮这一部分呀，这个咱们也一开始啊给它对吧，先写好啊，是不是他应该有两部分，一部分的话呢，是我们的这个点击关注取消关注，他们俩应该也是互斥的这种的是吧，那我在这写一个什么呀，这个一样，一个view啊view这块的话应该有一个，这个是取消关注啊，取消关注还有一个是什么呀？诶不对，这个应该是个点击关注，点击关注他们俩的话呢，哎，在靠，到底是true还是false？

字啊，哎，是不是还得通过副组件传过来那个值来控制啊，因为他要跟上面这块同步，来看看一下看在画这块跟上面这块在同步吗？所以这里的话呢，你得保持住了啊，所以我们在这里的话，可以给它先这样吧，先把这个样式呀，我给它洗一下吧，来class我给它来一个，这个是咱们的讲的是这个bar这个class名字好吧，然后在这里给他们俩都加上这个bar这个class名字，诶点错了啊。然后我先写一个啊，在这个button这块的话，我看一下这里，咱们是不是来在这里点这个是一个class名字的话呢，叫这个button，咱们对应的我们这个外面这一圈的话，我也给它起好一个class名字，叫button字，放两个按钮吧，然咱们对应的对于这个点button字的话，一样设置成咱们的弹性盒是不是在这里第play还是咱们的flag，然后对应的我们还是跟上边的话，它们有点距离吧，50RPX加上一个上边框包杠包e PX solid的啊咱们这个浅灰色的好吧，加点这个判定这个池判定15R PX，然后里面这每一个button的话呢，咱们就让它这个FLE1，然后text LA center就可以了，所以我在我的页面中的话呢，里面的话一个按钮。

还有一个是主页，但这个主页这一块吧，我这个就没打算去写了哈，咱们在这就不去写这个主页了啊，一保存之后是不是在这个位置取消关注和主页，但是我这个样式怎么没生效呢？我这个buttons来我看一眼点button这个class名字，然后下面的这个class名字点button。

没生效呀，那重新编译一遍吧，看是不是热不更新不好用了呀，重新编译一下哈，点击之后咱们来看一眼，点出来看一眼，嗯，好用了是吧，咱们的取消关注啊和这个主页这一块它就生效了，好了，另外那你想现在你要做的这个功能的话，就是我们点击关注这一块呢，它跟取消关注他们俩的话，同一时间只能显示一个啊，那这个东西到底跟什么有关系呢？那还不是咱们当年在副组件的时候就学一学这个地方，咱们给它传一个is follow的这个值，父传子呀，咱们给它传过来，这样的话呢，在我的这个user card这个组件中，我就可以接收is follow的这个属性来，在我的user card中，我就来接收副组件给我传来的这个a follow的这个属性，我们在这给他写一个不玩类型的，OK，写好了之后，哎呦，写好了之后保存之后，咱们把A则。

的这个值就用在咱们user card这里面来，对吧？对他俩来控制嘛，WS冒号if如果为true就显示取消关注对吧？啊，如果为甲的话呢，就显示一个点击关注，所以这样的话他俩就同步了，来一保存之后列位你看一下这个效果，点击羊卓，嗯，点开这里看一下是不是，你看这边是已关注了，所以的话这块就是取消关注，你看在这假如说坑了给他干啥呀，给他这个来先叉掉它，咱们给他取消关注了，然后再点开它，这里就是零个粉丝对吧，11个礼物，你看零个粉丝，然后就会变成点击关注了啊，所以这个绝对能控制住，到底该显示呀，哪一个按钮这个功能啊，那接下来就是咱们真正点了这个取消关注啊之后，咱们要做的这个工作是什么呀，是不是真的要去关注和取消。

关注这个过程呀，所以你应该是复用一下，咱们当时跟这个这块这个关注这块一样的啊，就复用一下当时那两个按钮的功能啊就可以了，咱们也一样的学着它啊，有样学样的咱们来测试一下就可以啊，在这里需要关注啊，棒的TP hand到这一个on follow呗，对吧，然后在这个地方的话，点击关注啊，那就是在这里呀，棒的这一个TP，咱们就来一个什么呀，Follow，哎，所以我在这里来写好了，在user color组件中，哎，咱们在这个method中啊，课文准备写好一个follow，还有一个on follow on follow的这个函数，哎，这俩函数的意义就是我们点完之后要进行子传复吹个一问的去触发我们那个follow，这个只不过是要给他传输过去一个触啊下面这个的话呢，咱们给他传过去一个什么呀，Follow。

Bos这里列外，你还讲不讲道理啊，等我点击啊，我们userca中这个取消关注的时候啊，真的是调用了这个什么子传付传了一个false过去，等我点击想要关注的时候的话呢，他传了一个什么呀触过去，而这个follow对吧，咱们这个自定义事件就跟当年啊在咱们这里。Room he中所绑的这个自定义时间一模一样，包括它的回调的处理方案都让他一模一样就行了，所以直接复用拿过来放在user card身上，咱们也给它传这一个值对吧？那这样的话，我们的user card真正去点那两个按钮的时候，再回调这里啊，就会回调我们这个follow啊回到follow的话，这个函数的话呢，就被触发了，我们handle follow这个函数一旦被触发之后，我们在这里的话呢，是不是另外诶在我们GS中啊，再在我们这个live部GS中是吧？就在下面这里的话，就会真的按照之前的这个流程来两位看一眼啊，这么简单的回来看一眼就行了，是不是在这里的话就会真的去进行关注呀，穿过来是true和false啊，去关注呀，还是取消关注呀，这个功能啊，就生效了，来一保存之后，咱们可以编译一下来跟客户测一下，是不是这样的，点击养索之后的话呢，咱们点击这里来怎。

那点击点击关注，你会发现，你看他这块就变成了取消关注，而上面这块就变成了已关注一个粉丝了，你看我再点击取消关注的话呢，这边就变成零个粉丝啊，这块的话也变成了这个关注这一块了，是吧？啊就这样一个方法，就咱们在这里的做法就是我们点完之后啊，点了我们这个userc看了之后，咱们是复用了我们之前的那个follow，说之前那个都好用，那这个能不好用吗？是吧，无非是子传复传过去true和false，那咱们呢，在live w SM中监听的自定义事件就触发了，那回调函数跟当年room header中是一个，所以这俩一定是联动的，对吧？所以这两个一定是联动好用的这样一个功能，好，最后一个小细节就是这块他不变科文啊，有人早就发现了，在拦着我，可跟我说呢，科文弹幕中不断的说，科文，科文这个地方有问题，我发现了是吧？点击你看。

这个诶我没点上，点击关注之后，你看这块就变了，已关注，而且的话上面是一个粉丝，但这块怎么不变呢？因为你现在是自己在控制这个粉丝数了，所以说的话呢，你要自己在这里进行一个加，加的一个处理呀，就可以了，所以我应该在我的这一个user card JS中，等我传输出之后，我还应该重新的让自己的这个data user中，对吧，我先把之前的给它展开，点data，点看user里面那个fans那个值呀，我给它拿出来对吧，点fans，然后进进行这个是follow，那就加一列外看一眼这一块是不是，我们要是真正的想关注的话呢，就把color user重新设置一下，把那个find字段给它更新一下，给它更新成什么加一的这个值同要如果是取消的话呢，On follow的话呢，那么就在这里也重新的更新一下current user，然后再把这个fan这个。

值的话，因为这是取消了，就要减去一了，这样的话咱们以保存之后来列位，最后咱们再测试一遍变异。然后对应的点击养组列外看一眼效果，现在是已关注有一个粉丝，所有点开之后一个粉丝，然后是取消关注，如果点这取消关注之后零个粉丝了，这个变成点击关注了，那这块也是零个粉丝关注，对吧？点开之后也都没有问题，所以点完这之后，呃，变成了取消关注，粉丝数是一，那这块是同步的，因为他俩是同一个回调，所以这个过程它一定是好用的，包括我点完这个关注之后来列外，你可以看一下我们这一块是不是一样的，会走我们发出这个消息区啊，你能看见吗？这个消息的那样发出啊，是不是在这里啊，好用的，这个过程是啊，OK，整个这一块的话都是没有问题的啊，那这样的话呢，咱们这一个用户卡片这个组件啊，就差不多了，最后的话，好像这块好像我这个最后这个点击关注这个颜色这块给他个蓝色的呀，这个啊，当时是在咱。

咱们的在user card wx ML中啊，咱们在这个按钮身上是不是给他一个什么active呗，啊在这给他一个active，咱们对应的给这两个这两个按钮哈，给它加上一个什么背景颜色就可以了，来这个颜颜色给它设置一下卡点，比如说咱们给他一个蓝色的，看客户给他一个贴蓝色的吧，好保存之后的话呢，一保存对吧，取消关注啊，点完之后的话呢，点击关注，取消关注，点击关注啊整个过程是实时同步，呃，不能说实时同步，至少是跟上面这块header部分是同步的，因为咱们也说了啊，就从一开始就强调了，说客人不要做成实时同步的，点完之后再获取数据叉掉啊，然后再点开，再获取一次最新的数据，包括你在这里你测试一下，比如说这个过程中啊，有人这个发礼物了，发点赞了啊，又给他发了一个礼物，咱们再点。

你看一下，你看礼物数也增加了，点赞数也增加了，就是这样的对不对，所以这个功能的话呢，是确确实实啊是好用的好吧，这块的一个重点的话，就是咱们在利用WXE来控制咱们这个组件，因为这样才能让它重复的啊，创建生命周期走咱们的create探视，咱们在个探视中好发这个阿贾克斯请求啊，Create发的话略微的略微的有点早啊，所以在探视中去发就可以了，呃，探视的发完之后。

数据更新啊，自己管理自己的就行了啊，然后每次叉掉的话，咱们还要控制这个WXE，这个a user cut数改成false，这样的话就删除了，再次进来，再次创建这里，而这个取消关注，点击关注这个功能完全就是同步了咱们之前的那个follow那个功能了啊，而在这里的话呢，这块啊，把这个布局啊，大家可以再做的更好看一点就可以，好吧，这是咱们的用户卡片，哎，这里好了各位，咱们这一小节的话呢，就到这儿。