window['ym']
data: () => ({
image: 0,
images: [ 'раз картинка', 'два картинка', 'три картинка' ],
}),
<button v-for="(n, i) in images" @click="image = i">
Показать картинку #{{ i }}
</button>
<transition name="image" mode="out-in">
<img :key="image" :src="images[image]">
</transition>
.image-enter-active,
.image-leave-active {
transition: opacity .3s;
}
.image-enter,
.image-leave-to {
opacity: 0;
}
changeIcon(){
this.$refs.icon.src = require("~/assets/img/chrome_icon-white.svg");
}
$mail = new \PHPMailer;
$mail->setFrom('email@from', 'from name');
$mail->addAddress('user@email','user name');
$mail->addReplyTo('user@email','user name');
$mail->isHTML(true); // Set email format to HTML
$mail->Subject = 'my subject';
$mail->Body = " my message body";
if(!$mail->send()) {
$error[] = $mail->ErrorInfo;
}
$color: #00AFF3;
$corn: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2096%20100%22%3E%0A%3Cpath%20fill%3D%22%2300AFF3%22%20d%3D%22M96%2C100L40.7%2C50L4.1%2C13.9C-1.1%2C8.8%2C2.5%2C0%2C9.8%2C0H96V100z%22/%3E%0A%3C/svg%3E%0A');
.parrent {
display:flex;
width: 100%;
height:300px;
padding: 20px;
border: 1px solid green;
&__block{
position: relative;
width: 100px;
height: 100px;
background: $color;
&:before {
position: absolute;
top: 0;
width:10px;
height:10px;
content:'';
background-image: $corn;
background-size: 10px;
transform: translate(-98%,0);
}
}
}