unserver-unify/src/app/course/chapter/word.html

<div class="row" style="height: 100%">
  <div class="col-xs-2 padding-right-0" style="height: 100%; overflow-y:auto; overflow-x:hidden">
    <a class="btn btn-info btn-block" ng-click="wctrl.show($index)" ng-repeat="ppt in wctrl.chapter.ppts">
      {{ppt.word}}
    </a>
  </div>
  <div class="col-xs-10">
    <div class="headline">
      <h2>
        {{wctrl.currentPPT.word}}
        <span ng-if="wctrl.currentPPT.english" style="font-size: 16px;">
          ({{wctrl.currentPPT.english}})
        </span>
        <a class="fa fa-volume-down" ng-click="wctrl.playWord(wctrl.currentPPT.word)">
        </a>
      </h2>
    </div>
    <div class="info_box">
      <div class="row">
        <div class="col-xs-5 padding-right-0">
          <img ng-if="wctrl.currentPPT.photo" ng-src="{{wctrl.currentPPT.photoUrl}}" style="width:100%"/>
        </div>
        <div class="col-xs-7">
          <h3 class="relative" style="margin-top: 0; padding-right: 20px;" ng-if="wctrl.currentPPT.explain">
            <strong>
              注&nbsp;&nbsp;&nbsp;&nbsp;释:&nbsp; 
            </strong>
            {{wctrl.currentPPT.explain}}
            <a class="fa fa-volume-down" ng-click="wctrl.playWord(wctrl.currentPPT.explain)" style="position:absolute; right:0; top:0px;">
            </a>
          </h3>
          <p ng-if="wctrl.currentPPT.extension">
            {{wctrl.currentPPT.extension}}
          </p>
          <p ng-if="wctrl.currentPPT.words">
            <strong>
              词&nbsp;&nbsp;&nbsp;&nbsp;组:&nbsp; 
            </strong>
            {{wctrl.currentPPT.words}}
          </p>
          <p ng-if="wctrl.currentPPT.example">
            <strong>
              例&nbsp;&nbsp;&nbsp;&nbsp;句:&nbsp; 
            </strong>
            {{wctrl.currentPPT.example}}
          </p>
          <!-- <p ng-if="!wctrl.currentPPT.photo && wctrl.currentPPT.examples">
            <strong>
              更多例句: 
            </strong>
            {{wctrl.currentPPT.examples}}
          </p>
          <p ng-if="wctrl.currentPPT.photo && wctrl.currentPPT.examples">
            <strong>
              更多例句: 
            </strong>
            {{wctrl.currentPPT.examples}}
          </p> -->
          <p ng-if="wctrl.currentPPT.synonyms">
            <strong style="letter-spacing: 1px;">
              同义词:&nbsp; 
            </strong>
            {{wctrl.currentPPT.synonyms}}
          </p>
          <p ng-if="wctrl.currentPPT.antonym">
            <strong style="letter-spacing: 1px;">
              反义词:&nbsp; 
            </strong>
            {{wctrl.currentPPT.antonym}}
          </p>
        </div>
      </div>
    </div>
  </div>
</div>