小编Ins*_*ane的帖子

我正在使用辅助函数在我的笑话中创建一个商店。helper 函数使用 deepmerge 将基本配置与自定义配置合并。这会导致多个控制台警告

[vuex] state field "cart" was overridden by a module with the same name at "cart"
[vuex] state field "customer" was overridden by a module with the same name at "customer"
[vuex] state field "checkout" was overridden by a module with the same name at "checkout"

store.js（为了演示目的减少到最低限度）

import cart from './modules/cart'
import checkout from './modules/checkout'
import customer from './modules/customer'

Vue.use(Vuex)

export const config = {
    modules: {
        cart,
        customer,
        checkout,
    },
}

export default new Vuex.Store(config)

测试utils.js …

我有一排有2列.在这些列中,我有一个标题,内容和列表.它们的内容长度不同.

我想要实现的是,列表在同一行上彼此相邻,而不会破坏引导移动优化.

我首先尝试了3个不同的行,但是当列中断时,内容不再相互属于.没有JavaScript,我有什么需要的解决方案吗？也许以某种方式使用flexbox？

这是我目前的代码:

<div class="light-grey-section ruler">
   <div class="container">
      <div class="row">
         <div class="light-section col-xs-12 col-md-6">
            <div class="panel panel-default panel-blank">
               <div class="panel-body">
                  <div class="content"> // contentlength is different in each column
                     <h2>
                        Lorem ipsum Lorem ipsum
                     </h2>
                     <p>
                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren
                     </p>
                     <p>
                        Lorem …

我有一个定价表，我在表的顶部和底部放置了单选按钮。

无论用户单击顶部还是底部的单选按钮，我都希望同时选中两个单选按钮。

<input type="radio" name="group1">If you check me...<br>
<input type="radio" name="group1">...I also want to be checked
<br><br>
<input type="radio" name="group2">If you check me...<br>
<input type="radio" name="group2">...I also want to be checked
<br><br><br> Just a pic of a cat
<br>
<img src="https://s-media-cache-ak0.pinimg.com/736x/07/c3/45/07c345d0eca11d0bc97c894751ba1b46.jpg" />

https://codepen.io/Insane415/pen/mwOOWM

我有一排图片，我想在一个又一个的图像中淡入淡出。

 .jumbotron > div > div picture > img{

animation: fadein 6s;
-moz-animation: fadein 6s; /* Firefox */
-webkit-animation: fadein 6s; /* Safari and Chrome */
-o-animation: fadein 6s; /* Opera */

 }

 @keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { …

我正在尝试创建一个如图所示的框阴影：

如您所见，阴影是圆形的。我用这样的 CSS 尝试过：

 .rottweiler {
      width: 600px;
      height: 300px;
      background-image: url('https://s3.amazonaws.com/cdn-origin-etr.akc.org/wp-content/uploads/2017/11/12224942/Rottweiler-On-White-10.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
      border: 1px solid silver;
      box-shadow: inset 0 0 30px 30px rgba(0,0,0,0.9);
    }

<div class="rottweiler"></div>


   

我想让阴影更像一个圆圈，我该怎么做？