我的远程实习笔记day1

咱就是说，23应届生也太难了，本想找个专业对口的实习，结果人家都要有几年经验的，网课三年哪去搞实战经验啊啊啊啊，临近毕业，学校又催着交论文，焦麻了，误打误撞找到一个线上实习，试试看咯
今天是在第二大学远程实习的第一天，偷偷发个博客记录一下自己的成长哈哈（今天学习电子商城）
wxml：

<!--顶部-->
<view class="header"><view class="container hdCon"><!--跳转到购物车--><navigator open-type="switchTab" url="/pages/gwc/gwc" class="logo">[^1]<image mode="heightFix" src="/images/如意淘.png"></image></navigator><!--打开客服会话--><view class="kefu"><button class="btn" open-type="contact"></button><image style="width:40rpx;height: 40rpx;" mode="heightFix" src="/images/kf.png"></image></view></view>
</view>

wxss

/*头部样式*/
.header{width: 750rpx;height: 90rpx;/*border: 1rpx red solid;*/
}
.hdCon{height: 100%;display: flex;justify-content:space-between;align-items: center;/*border: 1rpx black solid;*/
}
.hdCon navigator,.hdCon.kefu{height: 50rpx;/*border: 1rpx green solid;*/
}
.hdCon image{height: 100%;
}
.kefu{position: relative;animation: dh 1s infinite;/*名为dh、时长为1s、无限循环的动画【animation动画】：https://blog.csdn.net/weixin_51391923/article/details/125771150*/
}
.kefu .btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;/*完全透明*/
}

最终效果：

重难点：

1.switchtab
在开发文档中的解释：
所以代码中[^1]:表示跳转到 /pages/gwc/gwc页面，

animation
dh 1s infinite;/名为dh、时长为1s、无限循环的动画【animation动画】/
这里详细解释可以瞅瞅这位大佬：https://blog.csdn.net/weixin_51391923/article/details/125771150

我的远程实习笔记day1相关推荐

实习笔记 —— Git II（远程提交）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— SSM三个框架的整合 V （分页功能）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— Maven
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— SSM三个框架的整合 III （对后台管理页面进行编写）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— SSM三个框架的整合 VIII （添加用户）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— springMVC部分II
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习的Day1（熟悉环境，安装“环境”）
实习的Day1(熟悉环境,安装"环境") 熟悉环境安装"环境" 熟悉环境经过四个小时的车程,我来到了一个新的环境,宁波市. 宁波和温州差别还是很大的,最明显 ...
ELK搜索学习笔记--Day1
ELK搜索学习笔记–Day1 1．课程简介 1.1 课程内容 ELK是包含但不限于Elasticsearch(简称es).Logstash.Kibana 三个开源软件的组成的一个整体.这三个软件合成 ...
实习笔记 —— MyBatis III （输入/输出映射）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记-- AOP开发II(AOP中Advice的类型) 实 ...

我的远程实习笔记day1

我的远程实习笔记day1相关推荐

最新文章

热门文章