我有一个计划页面，向我的客户显示我的网站产品的3个计划-Basic，Premium和VIP，所有计划都有月度和年度价格。

在美国和印度，$products的后端提供了以下值，这些产品仅在这两个国家/地区可用。因此，根据所选的国家/地区，我为客户显示价格

返回美国的产品：

$products = [
          {
            monthly_price => "\$5.95”,yearly_price => "\$40.95",type => "basic"
          },{
            monthly_price => "\$10.95”,yearly_price => "\$80.95",type => "premium"
          },{
            monthly_price => "\$15.95”,yearly_price => "\$120.95",type => "vip"
          },]

返回IND的产品：

$products = [
          {
            monthly_price => "\₹200.55",yearly_price => "\₹2500.55”,{
            monthly_price => "\₹400.55",yearly_price => "\₹5000.55”,{
            monthly_price => "\₹800.55",yearly_price => "\₹1000.55”,];

以下是CSS文件：

.main-price {
   font-size: 45px;
}

.decimal-price {
   font-size: 15px;
}

.term {
   font-size: 15px;
}

我在下面的类中使用了主价格和小数价格。所以我在点（。）后面分割了两个值。所以我将其作为.1和.2

以下是HTML文件：

[% FOR price in products -%]
    [% monthly_price = price.monthly_price.split('.') %]
    [% yearly_price = price.yearly_price.split('.') %]
    <h1>[% price.type.uc %]</h1>
    <p>
        <span class="main-price">[% monthly_price.1 %]</span>
        <span class="decimal-price">[% monthly_price.2 %]</span>
        <span class="term">per month</span>
    </p>
    <p>
        <span class="main-price">[% yearly_price.1 %]</span>
        <span class="decimal-price">[% yearly_price.2 %]</span>
        <span class="term">per year</span>
    </p>
[%- END %]

我也尝试了以下3种不同的解决方案，但效果不错：

• 解决方案1：

[% monthly_price.1 %]

• 解决方案2：

[% monthly_price[0] %]

• 解决方案3：

[% monthly_price.first %]

预期：

• 我想以45px字体大小显示主价格，以15px字体大小显示小数价格/期限。

问题：

• 主价格和十进制价格未显示

任何人都可以帮我解决问题吗？

预先感谢