主页 / user-232636

aloe's questions

Martin Hope
aloe
Asked: 2020-06-28 21:39:29 +0000 UTC
  • 0

我正在使用tippy.js并具有以下代码：CodePen

<label class="btn" title="I'm a tooltip!"><input class="uk-radio" type="radio" name="radio17" data-toggle="btn">&nbsp;one</label>
<label class="btn" title="I'm a tooltip!"><input class="uk-radio" type="radio" name="radio17" data-toggle="btn">&nbsp;two</label>
<label class="btn" title="I'm a tooltip!"><input class="uk-radio" type="radio" name="radio17" data-toggle="btn">&nbsp;three</label>
<label class="btn" title="I'm a tooltip!"><input class="uk-radio" type="radio" name="radio17" data-toggle="btn">&nbsp;four</label>
<label class="btn" title="I'm a tooltip!"><input class="uk-radio" type="radio" name="radio17" data-toggle="btn">&nbsp;five</label>

<div id="template" style="display: none;">
<img src="https://static.eldorado.ru/upload/iblock/0cf/0cfd8b4bd9c644e36b0fea51fa0b9015.jpg/resize/380x150/">
</div>

tippy('.btn', {
animation: 'fade', // 'shift-toward', 'fade', 'scale', 'perspective'
flipBehavior: 'counterclockwise', // 'clockwise', 'counterclockwise', Array
 inertia: true,
placement: 'left',
  html: '#template',
distance: 30,
})

如何将单独的图像附加到每个单选框？当带有图像的工具提示出现时，知道如何隐藏边框也很好，但这并不重要。我无法从图片中下定决心。

javascript
Martin Hope
aloe
Asked: 2020-05-30 13:43:24 +0000 UTC
  • 0

我有这样的路线：

 Route::get('logout', '\App\Http\Controllers\Auth\LoginController@logout');

它通过一个函数重定向它们

public function __construct()
{
    $this->middleware('guest')->except('logout');
}

如何将路由重定向到另一个页面？尝试使用普通查询，例如

Route::redirect('/logout', '/auth/login', 301);

甚至如此

Route::get('logout', '\App\Http\Controllers\Auth\LoginController@logout', function(){
return view('auth.login');
});

但不幸的是，有些东西不起作用。

laravel
Martin Hope
aloe
Asked: 2020-07-12 19:35:08 +0000 UTC
  • 0

你好。我正在使用以下代码：

@import url('https://fonts.googleapis.com/css?family=Rajdhani:700');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
.showit {
  position: absolute;
  left: 40%;
  top: 30%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: bolder;
  font-family: 'Rajdhani', sans-serif;
  font-size: 30px;
  color: aliceblue;
  background: #232428;
  padding: 0 20px;
  border-left-width: 10px;
  display: none;
  transition: .5s;
}

ul {
  padding: 0;
  list-style: none;
}

.footer-social-icons {
  width: 450px;
  margin: 0 auto;
}

.social-icon {
  color: #fff;
  margin-left: 7px;
}

ul.social-icons {
  margin-top: 220px;
}

.social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}

.social-icons a {
  color: #fff;
  text-decoration: none;
}

.fa-vk {
  padding: 10px 14px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #232426;
}

.footer-social-icons:hover+.showit {
  display: block;
}

.fa-cloud {
  padding: 10px 14px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #232426;
}

.fa-camera {
  padding: 10px 14px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #232426;
}

.fa-battery-full {
  padding: 10px 14px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #232426;
}

.fa-calendar {
  padding: 10px 14px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #232426;
}
<div class="footer-social-icons">
  <ul class="social-icons">
    <li>
      <a href="" class="social-icon"> <i class="fa fa-vk fa-2x"></i></a>
    </li>
    <li>
      <a href="" class="social-icon"> <i class="fa fa-cloud fa-2x"></i></a>
    </li>
    <li>
      <a href="" class="social-icon"> <i class="fa fa-camera fa-2x"></i></a>
    </li>
    <li>
      <a href="" class="social-icon"> <i class="fa fa-battery-full fa-2x"></i></a>
    </li>
    <li>
      <a href="" class="social-icon"> <i class="fa fa-calendar fa-2x"></i></a>
    </li>
  </ul>
</div>

<div class="showit">N</div>

问题是这样的：当我将鼠标悬停在任何图标上时，它会div与 class 一起显示showit。如何将带有类的单独 div 附加到每个图标，将鼠标悬停在绝对按下的图标上时会显示这些图标？我在整个页脚 ( .footer-social-icons) 中都使用了锚定，但我似乎无法弄清楚如何使用图标类来锚定单个 div 块。

PS 你可以使用 JS 或 JQUERY，这并不重要。

javascript
Martin Hope
aloe
Asked: 2020-04-01 13:38:06 +0000 UTC
  • 3

你好。发生了一场灾难。有必要重新安装 Windows，在此之前，我将一个 10GB 的存档上传到其中一个文件托管服务，为期 5 天。不幸的是，同样的情况发生了：我没有下载这个档案。因此，来自文件共享服务的所有数据都被删除了。是否有希望在重新安装 Windows 7 天后恢复文件（我知道文件夹的名称和一些照片的名称）？我做了一个完整的重新安装并删除了所有内容。我下载了一堆可以恢复已删除文件的程序，但都是徒劳。除了“全部丢失”之外，您还能提供哪些选项？一切，绝对是一切，都在那个档案中。

windows
Martin Hope
aloe
Asked: 2020-02-06 05:10:55 +0000 UTC
  • 2

有一段代码：

.background {
  background-color: red;
  opacity: 0.3;
}
<div id="test">
  <div id="test2">
    <div class="test3">
      <div class='background'>
        <span class="test4">lorumsukaipsum</span><span class="test5">ipsumblya</span>
      </div>
    </div>
  </div>
</div>

如何在不更改文本透明度的情况下设置opacity: 0.1类？background

html