0

如果我删除页面中的所有文本区域字段，则过渡是平滑的，否则在过渡结束时会闪烁。温泉 1.3.0 / Monaca IDE。

有任何想法吗？

<ons-list modifier="inset" style="margin-top: 10px">
    <ons-list-item class="item">
      <ons-row>
        <ons-col width="35px"> 
          <label class="checkbox item-title" ng-click="save($index, false)" style="padding-left:2px;">
            <input type="checkbox" ng-model="project.done">
            <div class="checkbox__checkmark checkbox--list-item__checkmark" style="margin-top: 0;"></div>
          </label>
        </ons-col>
        <ons-col>
          <header style="padding-top: 10px; padding-bottom:8px;">
            <textarea ng-model="project.title" ng-blur="save($index, false)" id="project-title" class="text-input text-input--transparent item-title" rows="1" placeholder="Title" style="line-height: 1.4em; font-size: 16px; width: 100%; padding: 0; padding-right: 10px;"></textarea>
          </header>
        </ons-col>
        <ons-col width="45px"> 
          <span class="item-label" style="padding-top:16px;"><ons-icon icon="ion-android-done-all" fixed-width="true" ng-style="{color: project.done  == 1 ? 'green' : 'grey'}" style="opacity:0.5;"></ons-icon> {{project.tasksDone}}/{{project.tasks.length}}</span>
        </ons-col>
      </ons-row>
      <ons-row>
        <ons-col width="35px"></ons-col>
        <ons-col>
            <textarea ng-model="project.description" ng-blur="save($index, false)" class="textarea textarea--transparent item-desc" placeholder="Description" style="width: 100%; padding-right: 10px; margin-bottom:15px;"></textarea>             
        </ons-col>
      </ons-row>
    </ons-list-item>
  </ons-list>

4

1 回答 1

0

它最终成为我包含在导致闪烁的所有 html 文件中的 body 标记。body 标记必须从任何模板页面中排除，但在 index.html 中。它现在工作顺利。

于 2015-05-31T07:57:15.350 回答