“仁王2技能图”的版本间差异
来自仁王 wiki
小 |
小 (已保护“仁王2技能图”:未完成,勿动([编辑=仅允许管理员](无限期)[移动=仅允许管理员](无限期))) |
||
(未显示同一用户的4个中间版本) | |||
第10行: | 第10行: | ||
html, body, #app{ | html, body, #app{ | ||
height: 100%; | height: 100%; | ||
+ | } | ||
+ | #app { | ||
+ | color: white; | ||
} | } | ||
.out{ | .out{ | ||
display: flex; | display: flex; | ||
+ | display: -webkit-flex; /* Safari */ | ||
+ | flex-wrap: wrap; | ||
.svg{ | .svg{ | ||
border: 1px solid #404040; | border: 1px solid #404040; | ||
第32行: | 第37行: | ||
margin: 7px; | margin: 7px; | ||
border-radius: 4px; | border-radius: 4px; | ||
− | width: | + | width: 180px; |
} | } | ||
第58行: | 第63行: | ||
<div class="out"> | <div class="out"> | ||
<div class="svg"> | <div class="svg"> | ||
− | <svg id="taidao" height=" | + | <svg id="taidao" height="100%" width="100%" viewbox="0 0 600,600"> |
<template v-for="item in bigCircleConfig"> | <template v-for="item in bigCircleConfig"> | ||
<circle :cx="item.cx" :cy="item.cy" :r="item.r" :stroke="item.stroke" stroke-width="1" | <circle :cx="item.cx" :cy="item.cy" :r="item.r" :stroke="item.stroke" stroke-width="1" |
2022年5月24日 (二) 22:21的最新版本