电商小程序实战教程-规格选择

移动开发 2022-06-01 15:11:47 阅读次数: 0

我们上一篇讲解了如何搭建商品详情页，本篇我们介绍一下如何选择规格。规格的话一般是从底部弹出一个弹窗，然后先选择规格，选择数量，点击确定后回填到规格信息处。

弹窗组件

微搭自带了一个弹窗组件，可以自己控制弹窗里的内容及按钮。在详情页的最下边增加一个弹窗组件
在这里插入图片描述
在主内容插槽里添加一个图文展示项
在这里插入图片描述
媒体地址绑定为商品的缩略图
在这里插入图片描述
标题绑定为商品的名称
在这里插入图片描述
子标题绑定为商品的价格，用表达式绑定。因为商品的价格有可能随着选择的规格不同而改变，我们定义一个变量用来表示价格
在这里插入图片描述
设置表达式
在这里插入图片描述

 

 
 


                    
                    
                    
                    
                    
                    
                    
                    
                    

                        
猜你喜欢

                        

                            
                            
                        

                    


                    
转载自blog.csdn.net/u012877217/article/details/125045056

                    

                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                    

                    


                

            

            


                

                    

                        
                        
                        
                        
                    


                    

                        

                            

                                今日推荐
                            


                            

                        

                    

                    

                        
                        
                        
                    

                


                

                    

                        

                            

                                周排行
                            

                            

                        

                    

                    

                        

                            

                                成为C++高手之宏与枚举
                            

                        

                        

                            

                                在CAD二次开发中使用进度条
                            

                        

                        

                            

                                Js插件ECharts，HighCharts学习网址整理
                            

                        

                        

                            

                                Celery提交任务出错(on windows.)
                            

                        

                        

                            

                                cephfs内核客户端性能追踪
                            

                        

                        

                            

                                thinkphp中PHPExcel用法
                            

                        

                        

                            

                                EntityFramework动态组合多排序字段
                            

                        

                        

                            

                                汇编语言（八）实验9 根据材料编程
                            

                        

                        

                            

                                安装ubuntu后必须做的事情（对我而言）
                            

                        

                        

                            

                                JS函数式编程
                            

                        

                    

                

                

                    

                        

                            

                                每日归档
                            

                            

                                更多
                            

                            

                        

                    

                    

                        

                            2024-10-22(0)
                        

                        

                            2024-10-21(0)
                        

                        

                            2024-10-20(0)
                        

                        

                            2024-10-19(0)
                        

                        

                            2024-10-18(0)
                        

                        

                            2024-10-17(0)
                        

                        

                            2024-10-16(0)
                        

                        

                            2024-10-15(0)
                        

                        

                            2024-10-14(0)
                        

                        

                            2024-10-13(0)
                        

                    

                


            


            
        

    






















    


        

            
代码天地 © 2018 codetd.com

            境外服务器
             
            最新电视剧2022