嗨,我有一个 SVG,它是堆叠的 5 个箭头形状。我想从下往上淡入每个箭头。当顶部箭头淡入时,我希望第一个淡出,然后第二个等等。然后通过淡入每个箭头再次开始动画。
这是SVG代码的代码笔:https : //codepen.io/anon/pen/gyJZEy
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 122.91 110.38">
<defs>
<style>.hg{fill:#ee2330;opacity:0}</style>
</defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<rect>
<animate id="hg0" begin="0;hg0.end" dur="8s"
attributeName="visibility" from="hide" to="hide"/>
</rect>
<path class="hg" d="M61.65 86.78l-.16-.06L0 109.38v.99l61.49-22.65 61.43 22.66v-.99L61.65 86.78z">
<animate id="hg1" attributeName="opacity" values="0;1;0" dur="4s" begin="hg0.begin;hg0.end" repeatCount="indefinite"/>
</path>
<path class="hg" d="M0 87.69v1.49l61.49-22.66 61.43 22.67v-1.48L61.49 65.04 0 87.69z">
<animate id="hg2" attributeName="opacity" values="0;1;0" dur="4s" begin="hg0.begin+1s;hg0.end+1s" repeatCount="indefinite"/>
</path>
<path class="hg" d="M0 66.05v1.97l61.49-22.66 61.43 22.67v-1.97L61.49 43.39 0 66.05z">
<animate id="hg3" …Run Code Online (Sandbox Code Playgroud)问题:如果客户已经下了当年的订单,我想要获得客户.客户和订单位于两个单独的数据库中(这不能更改).这些关系都设置正常并且工作正常但是当我尝试以下操作时,我一直在尝试搜索"客户"数据库中的"订单"时出现SQL错误.反正是否迫使Laravel在这种情况下使用正确的数据库?
$customers = $customers->whereHas('orders', function($query){
$query->where('academic_year_id', '=', $this->current_academic_year->id);
});
$customers = $customers->orderBy('DFKEY','ASC')->get();
Run Code Online (Sandbox Code Playgroud)
订单型号:
public function customer()
{
return $this->belongsTo('Customer','dfkey');
}
Run Code Online (Sandbox Code Playgroud)
客户模型:
protected $connection = 'mysql2';
public function orders()
{
return $this->hasMany('Order','dfkey','DFKEY');
}
Run Code Online (Sandbox Code Playgroud)
提前致谢!
您好,我正在尝试从用户对象生成令牌,如下所示:
<?php
namespace App\Http\Controllers\API\Auth;
use App\Models\User;
use App\Http\Controllers\Controller;
use Auth;
use Response;
class LoginController extends Controller
{
public function login() {
$content = [];
if(Auth::attempt(['email' => request('username'), 'password' => request('password')])){
$user = Auth::user();
$role = $user->roles()->first()->name;
$content['access_token'] = $user->createToken('Token Name')->accessToken;
$status = 200;
}
else{
$content['error'] = "Unauthorised";
$content['message'] = "Your email or password are incorrect";
$status = 401;
}
return response()->json($content, $status);
}
}
Run Code Online (Sandbox Code Playgroud)
我收到 500 服务器错误:
Trying to get property of non-object
Run Code Online (Sandbox Code Playgroud)
我在用户模型上有 HasApiTokens,并且使用内置 Passport 路由生成令牌没有问题。
这是堆栈跟踪的第一部分:
[2018-06-12 …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用Bootstrap Datepicker创建一个Vue 2组件,但是在选择日期后我试图更新输入时遇到困难,这是我的代码:
Vue.component('datepicker', {
template: '\
<input class="form-control datepicker"\
ref="input"\
v-bind:value="value"\
v-on:input="updateValue($event.target.value)"\
v-on:blur="updateValue($event.target.value)"\
v-on:focus="updateValue($event.target.value)"\
data-date-format="dd-mm-yyyy"\
data-date-end-date="0d"\
placeholder="dd-mm-yyyy"\
type="text" />\
',
props: {
value: {
type: String,
default: moment().format('DD-MM-YYYY')
}
},
mounted: function () {
},
methods: {
updateValue: function (value) {
this.$emit('input', value);
},
}
});
Run Code Online (Sandbox Code Playgroud)
如果通过键盘输入,则值更新正常,但在日历中选择时则不会更新.有关如何通过日历更新日期更新值的任何想法?
**更新**
我已经得到以下代码:
mounted: function() {
let self = this;
this.$nextTick(function() {
$('.datepicker').datepicker({
startView: 1,
todayHighlight: true,
todayBtn: "linked",
autoclose: true,
format: "dd-mm-yyyy"
})
.on('changeDate', function(e) {
var date = e.format('dd-mm-yyyy');
self.updateValue(date);
}); …Run Code Online (Sandbox Code Playgroud) 我正在使用以下内容汇总总计列:
$hive_count = Hive::where('active','true')
->groupBy('hive_type_id')
->selectRaw('sum(total) as sum, hive_type_id')
->pluck('sum','hive_type_id');
Run Code Online (Sandbox Code Playgroud)
但是,我不想使用hive_type_id作为数组键,而是想从hive_types表(列“名称”)访问hive_type名称。我试过了hive_type_id.name,但这没有用。
型号:Hive和HiveType
谢谢你的帮助。
您好,我有以下数据:
data = [{due_at: '2019-09-10', yards:[{name: 'test'},{name: 'test2'}]}...]
Run Code Online (Sandbox Code Playgroud)
我想迭代这个日期以产生:
events = [{start: '2019-09-10', end: '2019-09-10, title: 'test'},{start: '2019-09-10', end: '2019-09-10, title: 'test2'}...]
Run Code Online (Sandbox Code Playgroud)
我尝试使用以下嵌套地图:
events = data.map(d => {
return d.yards.map(y => {
return {
start: d.due_at,
end: d.due_at,
title: y.name
};
});
});
Run Code Online (Sandbox Code Playgroud)
这在一定程度上有效,但我不断返回一个嵌套数组,如下所示:
[[{start: '2019-09-10', end: '2019-09-10, title: 'test'},{start: '2019-09-10', end: '2019-09-10, title: 'test2'}...]]
Run Code Online (Sandbox Code Playgroud)
如何调整地图代码以输出单个对象数组?
我有一个集合“事件”,它具有“站点”和“检查”的关系。
我想要做的是将“检查日期”的所有事件分组,然后在该组下按“站点”分组事件。
IE
一旦我有了这个分组,我想输出一个数组,如:
[
'title => 'Site Name: Event Name, Event Name, Event Name',
'date' => 'YYYY-MM-DD'
]
Run Code Online (Sandbox Code Playgroud)
这远远超出了我的智力,所以任何帮助将不胜感激!顺便说一句,我正在使用 Postgresql,所以我似乎只能在 ID 上使用 groupBy?
我尝试了一些使用 groupBy() 和 map() 的东西,这似乎让我有些地方但不知道如何继续:
$events = $events->groupBy('inspection.id')->map(function($item){
return $item->groupBy('site.id');
});
Run Code Online (Sandbox Code Playgroud) laravel ×4
php ×3
arrays ×2
datepicker ×1
eloquent ×1
grouping ×1
javascript ×1
jquery ×1
laravel-4 ×1
laravel-5 ×1
mysql ×1
relationship ×1
svg ×1
svg-animate ×1
vue.js ×1