I was looking for a SSR and scoped styles ready solution to implement inline SVG with Nuxt
You need svg-inline-loader and xmldom to be installed.
| <?php | |
| error_reporting(0); | |
| class Calendar { | |
| var $bgColor = "#FFFFFF"; | |
| var $mouseOverColor = "#9999FF"; | |
| var $lineColor = "#000000"; | |
| var $fontColor = "#000000"; | |
| var $eventBgColor = "#BBBBFF"; | |
| var $eventStyle = ""; |
| <?php | |
| include "config.php"; | |
| $id = isset($_GET['id']) ? $_GET['id'] : null; | |
| $busca = mysql_query("SELECT * FROM `banner-top` WHERE id = {$id}") | |
| or die ("Erro ao realizar buscas"); | |
| if ($row = mysql_fetch_array ($busca)) | |
| { | |
| $diretorio = '/'; // Depois você coloca o seu diretorio correto. Este diretório poderia estar dentro do arquivo conexao.php (para ficar dinamico) |
| { | |
| "name": "react-estudo", | |
| "version": "1.0.0", | |
| "description": "", | |
| "main": "webpack.config.js", | |
| "dependencies": { | |
| "mappersmith": "^0.13.3", | |
| "react": "^15.2.1", | |
| "react-dom": "^15.2.1", | |
| "react-remarkable": "^1.1.1" |
| <template> | |
| <div id="app"> | |
| <h1>{{ distanciaMetros | distancia }}</h1> | |
| <h1>{{ distanciaMetros2 | distancia }}</h1> | |
| </div> | |
| </template> | |
| <script> | |
| const distanciaFilter = (metros) => { | |
| const distancia = parseFloat(metros).toFixed(2) |
| function Distancia (metros) { | |
| const distancia = parseFloat(metros).toFixed(2) | |
| return metros >= 1000 ? `${(distancia / 1000).toFixed(2)} KM` : `${distancia} M` | |
| } | |
| export default Distancia |
| export { default as distancia } from './Distancia' |
| // The Vue build version to load with the `import` command | |
| // (runtime-only or standalone) has been set in webpack.base.conf with an alias. | |
| import Vue from 'vue' | |
| import App from './App' | |
| import * as filters from './utils/filters' | |
| Vue.config.productionTip = false | |
| Object.keys(filters).forEach(key => { | |
| Vue.filter(key, filters[key]) |
| //Função para calcular ritmo | |
| function ritmoMinutos() { | |
| //Verifica campo nulo | |
| if(document.ritmo.km.value == ""){ | |
| alert("Informe a distância"); | |
| document.ritmo.km.focus(); | |
| return false; | |
| } | |
| //Função para calcular ritmo | |
| function ritmoMinutos() { | |
| //Verifica campo nulo | |
| if(document.ritmo.km.value == ""){ | |
| alert("Informe a distância"); | |
| document.ritmo.km.focus(); | |
| return false; | |
| } | |
I was looking for a SSR and scoped styles ready solution to implement inline SVG with Nuxt
You need svg-inline-loader and xmldom to be installed.