小编Isa*_*lla的帖子

我正在使用 ion-select => ion-option 作为我的 ionic 3 项目的输入。它在选择时发出警报，但是警报正文的字体大小非常小，我尝试了所有 sass 选项来增加其字体大小，但徒劳无功。我试过使用.alert-md, .alert-tappable. 有什么办法可以增加这种字体。

.scss

.ios, .md {
  page-add-stock {
    /*.alert-md .alert-checkbox-label{

    }*/
    .alert-radio-label {
      font-size: 3rem;
    }
  }
}

.html

  <ion-select  [(ngModel)]="category" formControlName="category" >
    <ion-option>Pesticides</ion-option>
    <ion-option>Seeds</ion-option>
    <ion-option>Herbicides</ion-option>
    <ion-option>Fertilizers</ion-option>
    <ion-option>Farming tools</ion-option>
  </ion-select>

生成警报的 Html 离子选择，以防万一。

我为我的angular 4应用程序设置了一个简单的路由,包括使用Tetradata Covalent和Angular Material创建的sidemenu我正在使用这个Angular 2/4身份验证教程来处理登录,但所有子路由器链接都重定向到默认页面(仪表板).任何帮助或建议将受到高度赞赏.

app.routing.ts

export const APP_ROUTES: Routes = [
  {path: 'login', component: HomeComponent},
  { path: '', redirectTo: 'mainpage', pathMatch: 'full' },
  { path: '**', redirectTo: 'mainpage' },
  {
    path: 'mainpage',
    component: MainPageComponent,
    canActivate:[AuthGuard],
    children: [
      {path: 'order', component: OrderComponent},
      {path: 'dashboard', component: DashboardComponent},
      {path: 'stock', component: StockComponent},
      {path: 'Report/sales', component: SalesComponent},
      {path: '', redirectTo: 'dashboard', pathMatch: 'full'}
      {path: '**', redirectTo: 'dashboard', pathMatch: 'full'}
    ]
  }
];

page.component.html

<td-layout>
  <td-navigation-drawer flex sidenavTitle="EzyAgric" …

我正在开发一个需要根据点击坐标定位的自定义叠加层的应用程序。然后，覆盖层应填充该位置的其余空间。填充空间方向基于从单击点到顶部或底部的距离，使用距离较大的方向，并且应在其表面外部单击时关闭。

我已经查看了Overlay Widget，但是我似乎不明白如何使用它来实现所描述的属性。

到目前为止，我已经创建了一个 StatefulWidget，其中包含 Overlay 描述。

   class ScriptureDisplay extends StatefulWidget {
  @override
  _ScriptureDisplayState createState() => _ScriptureDisplayState();
}

class _ScriptureDisplayState extends State<ScriptureDisplay> {

  OverlayEntry _overlayEntry;


  OverlayEntry _createOverlayEntry() {
    RenderBox renderBox = context.findRenderObject();
    var size = renderBox.size;
    var offset = renderBox.localToGlobal(Offset.zero);

    return OverlayEntry(
        builder: (context) => Positioned(
              left: offset.dx,
              top: offset.dy + size.height + 5.0,
              width: size.width,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  nip(),
                  body(context, offset.dy),
                ],
              ),
            ));
  }

  @override
  Widget build(BuildContext context) {

  return RaisedButton(
    child: Text("Click …