Day17-购物车页面-收获地址-初步封装my-address组件

news2024/10/1 17:39:09

1.创建收货地址组件(my-address)

 我的操作:

1>在uni_modules文件夹右键新建一个组件

 2>还需要自己补全代码

 1>和2>的阶段效果图:

my-address组件已经被渲染成功了。

 

*************************************************************************************************************

2.渲染收货地址组件的基本结构:

我的操作:

1》初步的一个UI结构:

 

2》上面的UI结构对应的样式:

 

 1》 和 2》 的效果图:

 4》进一步渲染其UI结构:

 具体内容:

 5》对4》编写其css样式:

 

4》 和 5》 的效果图:

 

**************************************************************************************************************

2.实现收货地址区域的按需展示

 我的操作:

1》在 data 中定义收货地址的信息对象:

2》使用 v-if 和 v-else 实现按需展示:

3》测试一下:

①:当address是空对象的情况:

 

 ②:当address不是空对象的情况:

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/54663.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

一文看懂linux 内核网络中 RPS/RFS 原理

1 自带 irqbalance 瓶颈 基于简单的中断负载均衡(如系统自带的irqbalance进程)可能会弄巧成拙。因为其并不识别网络流,只识别到这是一个数据包,不能识别到数据包的元组信息。 在多处理器系统的每个处理器都有单独的硬件高速缓存,如果其中一…

黑马程序员软件测试实战项目

Ego微商 “Ego微商”微信小程序应用,主要针对于有特色的食品类商品线上零售。通过微信平台的大流量入口,在一定程度上升高了特色食品的影响力,同时借助微信的模板消息快速推送更新的商品,实现轻量级应用的C2C或者是B2C的线上销售…

《论文阅读》BALM: Bundle Adjustment for Lidar Mapping

留个笔记自用 BALM: Bundle Adjustment for Lidar Mapping 做什么 首先是最基础的,Structure-from-Motion(SFM),SFM可以简单翻译成运动估计,是一种基于dui8序列图片进行三维重建的算法。简单来说就是是从运动中不同…

12月2日第壹简报,星期五,农历十一月初九

12月2日第壹简报,星期五,农历十一月初九1. 银保监会:2023年1月起在北京、上海、江苏、浙江、福建、广东等10个省市开展商业养老金业务试点。2. 国家首批未来产业科技园试点名单出炉:空天科技未来产业科技园、未来能源与智能机器人…

2022-12-02 编译Android平台OpenCV,用到读取视频时报错:AMediaXXX

文章目录编译Android平台OpenCV,用到读取视频时报错:解决参考编译Android平台OpenCV,用到读取视频时报错: ld: error: undefined symbol: AMediaExtractor_new ld: error: undefined symbol: AMediaExtractor_setDataSourceFd ld…

PyQt5的安装

0. 准备工作 Anaconda3-5.2.0-Windows-x86_64pycharm-professional-2018.2.4PyQt5 5.8.1 1. 如何正确安装PyQt5? 1.1 安装PyQt5 pip install PyQt5 -i https://pypi.douban.com/simple- i表示指定安装源,表示国内源 https://pypi.douban.com/simple …

创建一个SpringCloud项目

文章目录1.首先在**SpringCloud官网**中查看依赖版本号2.创建主Maven项目:在pom文件中引入依赖3.再在这个Maven项目中创建子模块(子模块也是Maven)(1)创建一个数据库db01和表dept(2)创建实体类dept(注意:**每个实体类都…

导包问题解决--ImportError: DLL load failed while importing _path: 找不到指定的模块

一、问题反馈 在运行某个Python程序时,需要导入numpy和matplotlib包如下: import numpy as np import matplotlib.pyplot as plt运行程序时会报错“ImportError: DLL load failed while importing _path: 找不到指定的模块”: 二、问题解决…

信号发生器的电路构成及工作原理

一、信号发生器的电路构成 信号发生器的电路组成有多种形式,一般包括以下几个环节: 基本波形产生电路:波形产生可以由RC振荡器、文丘里电桥振荡器或压控振荡器产生。 波形转换电路:基本波形由正弦波、方波、三角波经过矩形波整形电路、正弦波整形电路、三角波整形电…

经众多Nature文章使用认证!艾美捷抗酒石酸酸性磷酸酶TRAP染色试剂盒

抗酒石酸酸性磷酸酶(TRAP,tartrate-resistant acid phosphatase)为破骨细胞的标志酶,特异地分布于破骨细胞中,为破骨细胞所特有。通常作为鉴别破骨细胞的重要标志物,使破骨细胞呈红色。Kamiya艾美捷抗酒石酸…

Java单表实现评论回复功能

Java单表实现评论回复功能1.简介2.功能实现图3.数据库设计4.实体类5.实现思路6.功能实现6.1 Sql入手6.2 业务实现7.前端实现8.最终成果1.简介 最近在写毕业设计的时候发现需要实现一个评论功能,然后看了一下掘金和csdn的评论区,如何实现评论功能&#xf…

【已解决】nginx x-cache: MISS

nginx x-cache: MISS 今天在使用nginx的时候发生了巨无语的一件事,明明我已经配置了代理缓存proxy_cache,但是一直未生效,于是我不断进行排错、nginx -s reload,问题始终没有解决。后来我尝试在另一台服务器上使用相同的配置&…

Docker的数据管理(数据卷、容器互联)

Docker的数据管理Docker的数据管理(数据卷、容器互联)一、数据卷(容器与宿主机之间数据共享)创建数据卷容器写入数据宿主机写入数据容器只有读的权限二、数据卷容器(容器与容器之间数据共享)创建两个数据卷…

yocs_velocity_smoother速度平滑库知识

一.C &#xff08;1&#xff09;nth_element()用法 头文件&#xff1a;#include<algorithm> nth_element:在数组或容器中将第几大或小的元素放到该放的位置上。&#xff08;默认第几小&#xff0c;可以用cmp自定义为第几大&#xff09; 如&#xff1a;nth_element(a,…

一篇文章搞懂:词法作用域、动态作用域、回调函数及闭包

前言 把以前一直只限于知道&#xff0c;却不清晰理解的这几个概念完完整整地梳理了一番。内容参考自wiki页面&#xff0c;然后加上自己一些理解。 词法作用域和动态作用域 不管什么语言&#xff0c;我们总要学习作用域(或生命周期)的概念&#xff0c;比如常见的称呼&#xf…

Flutter ーー logger 组件记录日志

Flutter ーー logger 组件记录日志 原文 https://medium.com/simbu/flutter-logging-with-logger-6227308ca199 前言 是时候添加一些日志记录了&#xff0c;我希望能够检查发生的网络请求和关键操作&#xff0c;在应用程序和后端之间的交互变得越来越复杂的情况下&#xff0c;给…

vue2自定义指令及钩子函数

目录​​​​​​​ 一、自定义指令的生命周期 二、局部自定义指令 三、全局自定义指令 1.定义自定义指令 2. index.js install方法安装自定义指令 3. main.js 全局挂载自定义指令 4.使用全局自定义指令 一、自定义指令的生命周期 在Vue中&#xff0c;自定义指令的生命…

晶振不仅仅是可以振荡就够了

晶振相当于人的心脏&#xff0c;能跳动&#xff0c;整个系统才是“活的”。晶振常见有有源晶振、无源晶振。有源晶振比较贵&#xff0c;但是需要外围电路少&#xff0c;供个电就能工作。无源晶振价格便宜&#xff0c;匹配电路复杂些。以无源晶振进行分析&#xff0c;以下是无源…

华为IdeaHub与华为云会议:软硬结合,天生一对

伴随数字化进程&#xff0c;传统视频会议终端存在着配置成本高昂、操作繁琐、组网复杂、需专业维护等问题&#xff0c;已无法满足企业数字化转型的需求&#xff0c;而会议软件使用便捷&#xff0c;但仍存在着与设备兼容性差、画面清晰度低、稳定性及信息安全等问题。面对市场上…

【疑难攻关】——文件包含漏洞

作者名&#xff1a;Demo不是emo 主页面链接&#xff1a;主页传送门 创作初心&#xff1a;舞台再大&#xff0c;你不上台&#xff0c;永远是观众&#xff0c;没人会关心你努不努力&#xff0c;摔的痛不痛&#xff0c;他们只会看你最后站在什么位置&#xff0c;然后羡慕或鄙夷座…