当前位置: 首页 > news >正文

代码做网站图片怎么插网络公司排名最新排名

代码做网站图片怎么插,网络公司排名最新排名,做园区门户网站的需求分析,百科网站建设文章目录 需求效果如下图所示代码逻辑代码参考 需求 开发一个箭头组件#xff0c;根据父组件传递的 props 来修改 css 的颜色 效果如下图所示 代码逻辑 代码 父组件#xff1a; Arrow colorred /子组件#xff1a; templatediv class根据父组件传递的 props 来修改 css 的颜色 效果如下图所示 代码逻辑 代码 父组件 Arrow colorred /子组件 templatediv classarrow :style{ --arrow-color: color, --arrow-width: ${width}px,--arrow-rotation: ${rotation}deg}/div /templatescript langts setup import { defineProps } from vue;const props defineProps({color: {type: String,default: black},width: {type: Number,default: 30},rotation: {type: Number,default: 0 // 旋转角度默认不旋转} }); /scriptstyle scoped .arrow {display: inline-block;position: relative;margin: 10px;width: var(--arrow-width);transform: rotate(var(--arrow-rotation)); /* 添加旋转样式 */ }.arrow::before {content: ;position: absolute;top: 50%;left: 0;width: var(--arrow-width);border-top: 2px dotted var(--arrow-color);transform: translateY(-50%); }.arrow::after {content: ;position: absolute;top: 50%;left: calc(var(--arrow-width) - 8px);width: 0;height: 0;border-left: 10px solid var(--arrow-color);border-top: 7px solid transparent;border-bottom: 7px solid transparent;transform: translateY(-50%); } /style参考 1. 使用 CSS 自定义属性变量 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties
http://www.w-s-a.com/news/17199/

相关文章:

  • 建设银行河北分行招聘网站哪里能找到网站
  • 兰州营销型网站网站建设收费标准
  • 网站首页动图怎么做自己做网站很难
  • 自建网站如何盈利推广引流最快的方法
  • 网页设计网站结构图怎么弄网站用户 分析
  • 企业手机网站建设策划天津网页设计工作
  • 苏州vr全景网站建设公司怎么讲解网页的制作技术
  • 徐州智能建站怎么做苏州建设网站首页
  • 网站支付功能报价wordpress主页透明
  • asia域名的网站宁波模板建站源码
  • 官网网站怎么做个人网站盈利
  • 青龙桥网站建设网站同时做竞价和优化可以
  • 沭阳建设网站婴儿辅食中企动力提供网站建设
  • 常州做网站的公司济宁网站建设seo
  • 用wordpress做企业网站视频教程韶关建设网站
  • 怎么做一个免费的网站云南网站设计选哪家
  • dw做六个页面的网站做网站运营有前途吗
  • 中级网站开发工程师 试题战地之王网站做任务
  • 广东东莞保安公司湖南 seo
  • 无锡网站策划公司如何零基础学编程
  • 金融网站如何做设计网站开发流程 文档
  • 用jsp做网站国内知名设计工作室
  • 一键搭建网站北京公司网站设计
  • 山东省城乡建设部网站网站营销单页怎么做
  • 中国移动视频网站建设百度统计官网
  • 网站实施过程网站上传视频怎么做
  • 网上书店网站建设实训总结嘉兴seo
  • 网站运行需求cos wordpress
  • 网络小说网站推广策划方案单位网站建设收费标准
  • 医院网站建设论证报告河源网站seo