test

Author Avatar
cowboy 7月 20, 2017
  • 在其它设备中阅读本文章

大标题

二级标题

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容区块内容

输出html为:

A First Level Header

A Second Level Header

Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.


The quick brown fox jumped over the lazy
dog’s back.


Header 3



This is a blockquote.


This is the second paragraph in the blockquote.


This is an H2 in a blockquote




使用型号和底线来标记需要强调的区段
Some of these words are emphasized.
Some of these words are emphasized also.
Use two asterisks for strong emphasis.
Or, if you prefer, use two underscores instead.

输出html为:

Some of these words are emphasized.
Some of these words are emphasized also.


Use two asterisks for strong emphasis.
Or, if you prefer, use two underscores instead.

无序列表使用星号、加号和减号来做为列表的项目标记,这些符号是都可以使用的,使用星号:

  • Candy.
  • Gum.
  • Booze.
  • Candy.
  • Gum.
  • Booze.
  • Candy.
  • Gum.
  • Booze.

都会输出html为:


  • Candy.

  • Gum.

  • Booze.

有序的列表则是使用一般的数字接着一个英文句点作为项目标记:

  1. Red
  2. Green
  3. Blue

输出html为:


  1. Red

  2. Green

  3. Blue

Markdown 支援两种形式的链接语法: 行内 和 参考 两种形式,两种都是使用角括号来把文字转成链接。
This is an example link.

在一般的段落文字中,你可以使用反引号 ` 来标记代码区段,区段内的 &、< 和 > 都会被自动的转换成 HTML 实体,这项特性让你可以很容易的在代码区段内插入 HTML 码:

.shopcart
    position: fixed
    left: 0
    bottom: 0
    z-index: 50
    width: 100%
    height: 48px
    .content
      display: flex
      background: #141d27
      font-size: 0
      color: rgba(255, 255, 255, 0.4)
      .content-left
        flex: 1
        .logo-wrapper
          display: inline-block
          position: relative
          top: -10px
          margin: 0 12px
          padding: 6px
          width: 56px
          height: 56px
          box-sizing: border-box
          vertical-align: top
          border-radius: 50%
          background: #141d27
computed: {
      totalPrice() {
        let total = 0;
        this.selectFoods.forEach((food) => {
          total += food.price * food.count;
        });
        return total;
      },
      totalCount() {
        let count = 0;
        this.selectFoods.forEach((food) => {
          count += food.count;
        });
        return count;