画一只动态的皮卡丘（四）

最新推荐文章于 2023-10-10 10:50:55 发布

sunwan19941023

最新推荐文章于 2023-10-10 10:50:55 发布

阅读量185

点赞数

分类专栏： CSS3 项目复习

本文链接：https://blog.csdn.net/m0_49210479/article/details/108264881

版权

vuex是什么？ vuex官网Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，统一管理和维护vue的可变状态。什么情况下应该使用vuex？多组件共享状态多个组件使用同一个数据任何一个组件发生改变其他的组件也要跟着发生相应的变化vuex的五个核心属性五个核心概念：State、Getter、Action、Mutation、Module一、Statestate是vuex的全局状态数据由于vuex状态存储是响应式的，所以vue组件从store中获取状态最简单的方法

摘要由CSDN通过智能技术生成

一、创建button按钮

1 HTML结构

<div class="action">
    <button data-speed="slow">慢速</button>   <!-- 自定义属性 -->
    <button data-speed="normal" class="active">中速</button>
    <button data-speed="fast">快速</button>
</div>

2 设置按钮的一般样式

.actions{
  position: absolute;
  top: 0;
  right: 0;
  /* border: 1px solid red; */
  display: flex;
  flex-direction: column;
}

.actions>button{
  margin: 10px;
  padding: 8px 10px;
  background: #ddd;
  border: none;     /*去除默认按钮的 边框样式*/
}

3 设置被选中按钮的样式

.actions>button.active{
  box-shadow: 1px 1px 1px rgba(0,0,0,0.8);    /* box-shadow样式*/
}

/* .actions>button:focus{
  outline: none;}        去除默认按钮的 选中边框颜色
*/

最低0.47元/天解锁文章

sunwan19941023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
画一只动态的皮卡丘（四）

vuex是什么？ vuex官网Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，统一管理和维护vue的可变状态。什么情况下应该使用vuex？多组件共享状态多个组件使用同一个数据任何一个组件发生改变其他的组件也要跟着发生相应的变化vuex的五个核心属性五个核心概念：State、Getter、Action、Mutation、Module一、Statestate是vuex的全局状态数据由于vuex状态存储是响应式的，所以vue组件从store中获取状态最简单的方法
复制链接

扫一扫