Coder Social home page Coder Social logo

Comments (13)

wxsms avatar wxsms commented on August 14, 2024

the example folder is using exactly same version of webpack and vueloader. and it works fine.

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

but now i have another problem.
image
may u give me a demo for [email protected]

from vue-md-loader.

wxsms avatar wxsms commented on August 14, 2024

https://github.com/wxsms/vue-md-loader/tree/master/example
this repo's example is.

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

i use it like yours, but also not work
image

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

`<script>
export default {
data() {
return {
};
},
methods: {
}
}
</script>

<style> </style>

timeline

基本用法

:::

### 更改时间点颜色

::: demo 'color'属性可以取值为关键字default, primary, success, warning, 以及其他支持的CSS颜色值

```html
<template>
    <span>333</span>
</template>

:::

使用icon展示时间点

::: demo icon的默认大小将改为13px * 13px大小,颜色受v-timeline-item组件的color属性影响,也可以自定义

<template>
    <span>222</span>
</template>

:::

带虚线尾巴的时间线

::: demo 当遇到时间线未全部展示完全的场景时,可以通过设置'pending'属性为true,来产生最后一个带有虚线延长的时间线

<template>
    <span>111</span>
</template>

:::

Timeline属性

参数 说明 类型 可选值 默认值
pending 是否未完待续(最后一个时间点为延长虚线) Boolean true false

TimelineItem属性

参数 说明 类型 可选值 默认值
color 时间节点或icon颜色 String 'default', 'primary', 'success', 'warning', 以及其他支持的CSS颜色值 'default'

TimelineItem Slot

Slot名称 说明
icon 替代时间节点的展示

自定义事件

事件名称 说明 事件参数

方法

方法名称 说明 参数

`

it's my .md file

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

when i remove <script> and <style>, it is well

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

i can't use <script> on the top

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

if somemethod support me to use <script> on the top?

from vue-md-loader.

wxsms avatar wxsms commented on August 14, 2024

no. you can't. for now.

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

becauseof vue-loader or markdownIt?

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

but when i use webpackv4.x and [email protected], it is worked!!!

from vue-md-loader.

Blubiubiu avatar Blubiubiu commented on August 14, 2024

thks 4 ur apply, I close isuues

from vue-md-loader.

wxsms avatar wxsms commented on August 14, 2024

welcome, this plugin have not consider top level script/style usage, so it's not garantee if it works or not. but glads that your problem have been solved.

from vue-md-loader.

Related Issues (12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.