歡迎使用CSDN markdown編輯器

2021-07-25 10:57:23 字數 3169 閱讀 1540

1:css的樣式問題

a: table**中一列單元格的內容太多,導致個別列文字被擠到下一行

原因:table中各列的寬度取決於內容的寬度,某列內容過多導致各列寬度分布不合理

解決方案:自定義個別列的寬度 給這列單元格設定乙個百分比寬度

.orderlist           }}

b:table的單元格文字不垂直居中

原因:沒設定單元格的樣式

解決方案:vertical-align:middle;

**:

td

原因:所用的日期外掛程式中button繼承了設定的寬度

解決方案: 把需要更改寬度的button按鈕重新命名

想做出乙個訂單進度條的效果,結果第四個圖示不在同一條直線上

class="step-item">

class="fa fa-circle">

i>

ng-show="! vm.issenddate">

div>

div>

div>

a>

ng-show=" vm.issenddate">

已發貨div>

待完成div>

}div>

a>

div>

原因:用 ng-show做出的判斷,div中沒放置佔位符

解決方案:div中沒放置佔位符

e:想把table的重複的內容合併

class="list-font">訂單號:span>

ng-bind="order.sn" >

span>

label>

}class="list-font"> 使用者名稱:span>

}class="list-font"> **商:span>

}td>

tr>

ng-repeat="orderitem in order.itemlist"

class="orderlistitem">

ng-bind= "orderitem.name">

td>

ng-bind= "orderitem.number">

td>

ng-bind= "orderitem.lccode">

td>

ng-bind="orderitem.categoryname">

td>

ng-bind= "orderitem.brandname">

td>

ng-if="!$index>0"

rowspan="

}">

ng-bind="order.name">

div>

ng-bind="order.address">

div>

ng-bind="order.mobile">

div>

td>

ng-if="!$index>0"

rowspan="

}">

ng-show="order.orderstatus == 0">未付款span>

ng-show="order.orderstatus == 1" >待發貨span>

ng-show="order.orderstatus == 2">已發貨span>

ng-show="order.orderstatus == 5">已完成span>

ng-show="order.orderstatus == 6">已取消span>

td>

ng-if="!$index>0"

rowspan="

}">

}td>

class="order-listshow"

ng-if="!$index>0"

rowspan="

}" >

ui-sref="order-detail()"

class="text">

訂單詳情button>

a>

ng-click="vm.changestatus(order, '1')"

ng-show="order.orderstatus == 0"

class="text">

付款button>

div>

ng-click="vm.changestatus(order, '2')"

ng-show=" order.orderstatus == 1"

class="text">

出貨button>

div>

ng-click="vm.changestatus(order, '6')"

ng-show="order.orderstatus == 0 || order.orderstatus == 1||order.orderstatus == 2"

class="text">

取消button>

div>

ng-click="vm.changestatus(order, '5')"

ng-show="order.orderstatus == 2 "

class="text">

完成button>

div>

td>

tr>

ng-repeat-end>

tr>

tbody>

原因: 沒做判斷,導致ng-repeat的內容遍歷出來

解決方案: 做出乙個判斷,利用$index>0,就合併單元格

歡迎使用CSDN markdow

本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...

歡迎毛毛與妞妞使用CSDN markdown編輯器

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下mar...

歡迎使用CSDN markdow1n編輯器

本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...